Commit 03a2439e51f7d3ca31341b773fb9fa4e4e98acc9
1 parent
e15ae076
自定义服务卡项模板
Showing
5 changed files
with
2501 additions
and
0 deletions
components/diy_serviceCard/diy_serviceCard.js
0 → 100644
| 1 | +var t = getApp(), | |
| 2 | + a = t.request, | |
| 3 | + o = t.globalData.setting, | |
| 4 | + os = o, | |
| 5 | + i = require("../../utils/util.js"), | |
| 6 | + ut = i, | |
| 7 | + s = require("../../utils/common.js"); | |
| 8 | +var regeneratorRuntime = require('../../utils/runtime.js'); | |
| 9 | + | |
| 10 | +Component({ | |
| 11 | + options: { | |
| 12 | + addGlobalClass: true, | |
| 13 | + }, | |
| 14 | + properties: { | |
| 15 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | |
| 16 | + object: { | |
| 17 | + type: Object, | |
| 18 | + value: null, | |
| 19 | + }, | |
| 20 | + | |
| 21 | + }, | |
| 22 | + data: { | |
| 23 | + // 这里是一些组件内部数据 | |
| 24 | + group: false, | |
| 25 | + imghost: o.imghost, | |
| 26 | + is_recommend: 0, | |
| 27 | + is_hot: 0, | |
| 28 | + is_new: 0, | |
| 29 | + baseUrl: "/api/weshop/goods/page", | |
| 30 | + resourceUrl: t.globalData.setting.resourceUrl, | |
| 31 | + url: t.globalData.setting.imghost, | |
| 32 | + currentPage: 1, | |
| 33 | + requestData: null, | |
| 34 | + requestUrl: "", | |
| 35 | + goods_array: null, | |
| 36 | + total: null, | |
| 37 | + prom_id: 0, | |
| 38 | + classstyle_id: null, | |
| 39 | + g_id: null, | |
| 40 | + wgroup: null, | |
| 41 | + goods_btn: null, | |
| 42 | + loadText: '加载更多', | |
| 43 | + someData: {}, | |
| 44 | + goodscount: null, | |
| 45 | + firist_type_data: null, | |
| 46 | + firist_type_curr: 0, | |
| 47 | + is_nav:0, | |
| 48 | + nav_list:null, | |
| 49 | + title_index:0, | |
| 50 | + swiper_hei:0, | |
| 51 | + title_class:"", | |
| 52 | + }, | |
| 53 | + | |
| 54 | + ready: function () {}, | |
| 55 | + | |
| 56 | + lifetimes: { | |
| 57 | + attached: function() { | |
| 58 | + | |
| 59 | + | |
| 60 | + //要兼容性的写法,因为有些商家都还未更新商品分组的最新的效果~~3.0公众号的html页面所以不用兼容写法 | |
| 61 | + var nav_item=this.data.object; | |
| 62 | + var nav_list= this.data.object.nav_list; | |
| 63 | + | |
| 64 | + if(parseInt(nav_item.is_automore)){ | |
| 65 | + if(!getApp().globalData.func_list) getApp().globalData.func_list=[]; | |
| 66 | + getApp().globalData.func_list.push(this); | |
| 67 | + } | |
| 68 | + | |
| 69 | + | |
| 70 | + //最新的版本才有nav_list | |
| 71 | + if(nav_list){ | |
| 72 | + nav_item=nav_list[0]; | |
| 73 | + //要算一下商品goodsid | |
| 74 | + for(var ij in nav_list){ | |
| 75 | + var item=nav_list[ij]; | |
| 76 | + var idlist=""; | |
| 77 | + //如果商品有手动选择的时候 | |
| 78 | + if(item.data && item.data.length>0){ | |
| 79 | + for(var im in item.data){ | |
| 80 | + idlist+= item.data[im]+","; | |
| 81 | + } | |
| 82 | + } | |
| 83 | + if(idlist) idlist=ut.sub_last(idlist); | |
| 84 | + nav_list[ij].idlist=idlist; | |
| 85 | + } | |
| 86 | + this.setData({nav_list:nav_list,is_nav:parseInt(this.data.object.is_nav)}); | |
| 87 | + } | |
| 88 | + | |
| 89 | + // 在组件实例进入页面节点树时执行 | |
| 90 | + if(nav_item) { | |
| 91 | + this.data.classstyle_id = nav_item.classstyle; | |
| 92 | + this.data.wgroup =nav_item.wgroup; | |
| 93 | + } | |
| 94 | + | |
| 95 | + this.data.goodscount = this.data.object.goodscount; | |
| 96 | + | |
| 97 | + | |
| 98 | + var hei=280; | |
| 99 | + if(this.data.object.goodstit) hei+=80; | |
| 100 | + if(this.data.object.goodsprice) hei+=80; | |
| 101 | + if(this.data.object.goodsnum) hei+=80; | |
| 102 | + | |
| 103 | + if(this.data.object.title_color){ | |
| 104 | + this.data.title_class=`color:${this.data.object.title_color};` | |
| 105 | + } | |
| 106 | + | |
| 107 | + if(this.data.object.title_font_size){ | |
| 108 | + this.data.title_class=this.data.title_class.concat(`font-size:${this.data.object.title_font_size}px;`) | |
| 109 | + } | |
| 110 | + this.setData({ | |
| 111 | + swiper_hei:hei, | |
| 112 | + title_class:this.data.title_class, | |
| 113 | + }); | |
| 114 | + | |
| 115 | + if (nav_item && nav_item.goodsclass == 1) { | |
| 116 | + this.data.is_recommend = 1 | |
| 117 | + } | |
| 118 | + if (nav_item && nav_item.goodsclass == 2) { | |
| 119 | + this.data.is_hot = 1 | |
| 120 | + } | |
| 121 | + if (nav_item && nav_item.goodsclass == 3) { | |
| 122 | + this.data.is_new = 1 | |
| 123 | + } | |
| 124 | + | |
| 125 | + this.data.requestData = new Array(); | |
| 126 | + this.data.g_id = nav_item.data; | |
| 127 | + var arr = []; | |
| 128 | + | |
| 129 | + for (var i = 0; i < this.data.g_id.length; i += this.data.goodscount) { | |
| 130 | + arr.push(this.data.g_id.slice(i, i + this.data.goodscount)); | |
| 131 | + } | |
| 132 | + this.data.firist_type_data = arr; | |
| 133 | + this.init(this.data.classstyle_id, this.data.wgroup); | |
| 134 | + }, | |
| 135 | + detached: function() { | |
| 136 | + // 在组件实例被从页面节点树移除时执行 | |
| 137 | + }, | |
| 138 | + }, | |
| 139 | + | |
| 140 | + pageLifetimes: { | |
| 141 | + //游客登录后,只要更新卡的情况 | |
| 142 | + show: function () { | |
| 143 | + //--初始化卡类-- | |
| 144 | + this.card_init(); | |
| 145 | + }, | |
| 146 | + }, | |
| 147 | + | |
| 148 | + methods: { | |
| 149 | + // 这里是一个自定义方法 | |
| 150 | + init:async function (classstyle_id, wgroup) { | |
| 151 | + | |
| 152 | + this.setData({classstyle_id:classstyle_id}) | |
| 153 | + | |
| 154 | + var th = this; | |
| 155 | + var g_id = this.data.g_id; | |
| 156 | + var len=this.data.firist_type_data.length; | |
| 157 | + if (classstyle_id == 1) { | |
| 158 | + //---手动选择的时候--- | |
| 159 | + g_id = this.data.firist_type_data[th.data.firist_type_curr]; | |
| 160 | + th.data.firist_type_curr++; | |
| 161 | + } | |
| 162 | + | |
| 163 | + var th = this, | |
| 164 | + app = getApp(), | |
| 165 | + index = 0, | |
| 166 | + gdata = []; | |
| 167 | + | |
| 168 | + var user_id=getApp().globalData.user_id; | |
| 169 | + if(!user_id) user_id=0; | |
| 170 | + | |
| 171 | + //--初始化卡类-- | |
| 172 | + th.card_init(); | |
| 173 | + var os=getApp().globalData.setting; | |
| 174 | + classstyle_id = classstyle_id + ""; | |
| 175 | + switch (classstyle_id) { | |
| 176 | + //---手动选择商品--- | |
| 177 | + case "1": | |
| 178 | + var str=""; | |
| 179 | + for (var i = 0; i < g_id.length; i++) { | |
| 180 | + str += g_id[i].goodsid + ","; | |
| 181 | + } | |
| 182 | + str=str.substring(0, str.length - 1); | |
| 183 | + | |
| 184 | + await app.request.get("/api/weshop/goods/getgoodslistOrdby?store_id=" + os.stoid + "&goodsidlist=" + str, { | |
| 185 | + data:{user_id:user_id}, | |
| 186 | + isShowLoading:false, | |
| 187 | + success: function(res) { | |
| 188 | + th.data.loading=0; | |
| 189 | + | |
| 190 | + if(res.data.code==0 && res.data.data){ | |
| 191 | + | |
| 192 | + var goods = res.data.data; | |
| 193 | + /*-- | |
| 194 | + var rData = th.data.requestData; | |
| 195 | + if (rData == null) rData=[]; | |
| 196 | + var now=ut.gettimestamp(); | |
| 197 | + | |
| 198 | + var new_arr=[]; | |
| 199 | + for (var ii in res.data.data){ | |
| 200 | + var item=res.data.data[ii]; | |
| 201 | + item.goods_img=th.data.imghost + item.original_img; | |
| 202 | + if(item.e_time<now) {item.prom_type=0; item.prom_price=0;} | |
| 203 | + if(item.warm_uptime>now) {item.prom_type=0; item.prom_price=0;} | |
| 204 | + new_arr.push(item); | |
| 205 | + } | |
| 206 | + rData = rData.concat(new_arr); | |
| 207 | + | |
| 208 | + th.data.requestData = rData; | |
| 209 | + | |
| 210 | + if(th.data.object.column==5){ | |
| 211 | + var arr = new Array(); | |
| 212 | + //--三个三个一组--- | |
| 213 | + for(var i=0;i< rData.length;i+=3){ | |
| 214 | + arr.push(rData.slice(i,i+3)); | |
| 215 | + } | |
| 216 | + th.setData({ goods_array: arr }); | |
| 217 | + }else{ | |
| 218 | + th.setData({ goods_array: rData }); | |
| 219 | + }--*/ | |
| 220 | + | |
| 221 | + th.set_good(goods); | |
| 222 | + | |
| 223 | + //---控制有没有加载更多的按钮--- | |
| 224 | + if (th.data.firist_type_curr >= len) {th.setData({ goods_btn: [] }); } | |
| 225 | + else th.setData({ goods_btn: [1,2]}); | |
| 226 | + } | |
| 227 | + } | |
| 228 | + | |
| 229 | + }) | |
| 230 | + | |
| 231 | + break; | |
| 232 | + case "2": | |
| 233 | + var item = {}; | |
| 234 | + var r_data={ | |
| 235 | + store_id: os.stoid , | |
| 236 | + pageSize: th.data.goodscount, | |
| 237 | + page: th.data.currentPage, | |
| 238 | + isonsale: 1, | |
| 239 | + orderField: "sort", | |
| 240 | + orderType: 'asc', | |
| 241 | + }; | |
| 242 | + if(th.data.is_recommend) r_data.is_recommend=th.data.is_recommend; | |
| 243 | + if(th.data.is_hot) r_data.is_hot=th.data.is_hot; | |
| 244 | + if(th.data.is_new) r_data.is_new=th.data.is_new; | |
| 245 | + | |
| 246 | + var user_id=getApp().globalData.user_id; | |
| 247 | + if(!user_id) user_id=0; | |
| 248 | + r_data.user_id=user_id; | |
| 249 | + | |
| 250 | + await app.request.promiseGet("/api/weshop/goods/page", { | |
| 251 | + data:r_data | |
| 252 | + }).then(res => { | |
| 253 | + th.data.loading=0; | |
| 254 | + //商品地址 | |
| 255 | + var goods = res.data.data.pageData; | |
| 256 | + th.setData({ | |
| 257 | + goods_btn: res.data.data.pageData, | |
| 258 | + total: res.data.data.total | |
| 259 | + }) | |
| 260 | + th.data.currentPage++; | |
| 261 | + //设置商品熏染 | |
| 262 | + th.set_good(goods); | |
| 263 | + | |
| 264 | + }) | |
| 265 | + break; | |
| 266 | + case "3": | |
| 267 | + var item = {}; | |
| 268 | + await app.request.promiseGet("/api/weshop/goodsGroup/pageGoodsList", { | |
| 269 | + data: { | |
| 270 | + store_id:os.stoid , | |
| 271 | + gpid: wgroup, | |
| 272 | + pageSize: th.data.goodscount, | |
| 273 | + page: th.data.currentPage, | |
| 274 | + isonsale: 1, | |
| 275 | + orderField: "sort", | |
| 276 | + orderType: 'asc', | |
| 277 | + user_id:user_id | |
| 278 | + } | |
| 279 | + }).then(res => { | |
| 280 | + th.data.loading=0; | |
| 281 | + //商品地址 | |
| 282 | + var goods = res.data.data.pageData; | |
| 283 | + th.setData({ | |
| 284 | + goods_btn: res.data.data.pageData, total: res.data.data.total | |
| 285 | + }) | |
| 286 | + | |
| 287 | + th.data.currentPage++; | |
| 288 | + //设置商品熏染 | |
| 289 | + th.set_good(goods); | |
| 290 | + | |
| 291 | + }) | |
| 292 | + break; | |
| 293 | + } | |
| 294 | + }, | |
| 295 | + | |
| 296 | + setLoading: function () { | |
| 297 | + var that = this; | |
| 298 | + if(this.data.loading) return false; | |
| 299 | + this.data.loading=1; | |
| 300 | + that.init(that.data.classstyle_id, that.data.wgroup); | |
| 301 | + }, | |
| 302 | + | |
| 303 | + //图片失败,默认图片 | |
| 304 | + bind_bnerr3: function (e) { | |
| 305 | + var _errImg = e.target.dataset.errorimg; | |
| 306 | + var _errObj = {}; | |
| 307 | + _errObj[_errImg] = this.data.imghost + "/public/images/default_goods_image_240.gif"; | |
| 308 | + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | |
| 309 | + }, | |
| 310 | + | |
| 311 | + //---卡的初始化---- | |
| 312 | + card_init: function() { | |
| 313 | + var th = this,os=getApp().globalData.setting; | |
| 314 | + if(!getApp().globalData.user_id) return false; | |
| 315 | + getApp().request.get("/api/weshop/users/get/" + os.stoid + "/" + getApp().globalData.user_id, { | |
| 316 | + isShowLoading:false, | |
| 317 | + success: function(e) { | |
| 318 | + getApp().globalData.userInfo = e.data.data; | |
| 319 | + getApp().getConfig2(function(e) { | |
| 320 | + var swithc_list = e.switch_list; | |
| 321 | + var sw_arr = JSON.parse(swithc_list); | |
| 322 | + //---如果后台又开等级卡的开关--- | |
| 323 | + if (sw_arr.rank_switch && sw_arr.rank_switch == "2") { | |
| 324 | + th.setData({ | |
| 325 | + rank_switch: true | |
| 326 | + }); | |
| 327 | + //---回调卡的列表--- | |
| 328 | + th.getPlusCardType(function(ob) { | |
| 329 | + th.setData({ | |
| 330 | + card_list: ob.card_list | |
| 331 | + }); | |
| 332 | + var ti = setInterval(function() { | |
| 333 | + var user = getApp().globalData.userInfo; | |
| 334 | + if (!user) return false; | |
| 335 | + clearInterval(ti); | |
| 336 | + | |
| 337 | + if (user.card_field && user['card_expiredate']) { | |
| 338 | + var str = user['card_expiredate'].replace(/-/g, '/'); | |
| 339 | + var end = new Date(str); | |
| 340 | + end = Date.parse(end) / 1000; | |
| 341 | + var now = ut.gettimestamp(); | |
| 342 | + | |
| 343 | + //--- 判断是等级会员,且在有效期范围内 --- | |
| 344 | + if (user.card_field && now < end) { | |
| 345 | + var card_name = ob.name_map.get(user.card_field); | |
| 346 | + if (card_name.length > 4) card_name = card_name.substring(0, 4); | |
| 347 | + th.setData({ | |
| 348 | + card_field: user.card_field, | |
| 349 | + card_name: card_name, | |
| 350 | + card_list: ob.card_list | |
| 351 | + }); | |
| 352 | + } | |
| 353 | + | |
| 354 | + } | |
| 355 | + | |
| 356 | + }, 500) | |
| 357 | + }) | |
| 358 | + | |
| 359 | + } | |
| 360 | + }) | |
| 361 | + } | |
| 362 | + }) | |
| 363 | + | |
| 364 | + }, | |
| 365 | + | |
| 366 | + //--- 获取卡类列表 --- | |
| 367 | + getPlusCardType: function(func) { | |
| 368 | + var storid = o.stoid; | |
| 369 | + var th = this; | |
| 370 | + getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + storid, {}).then(res => { | |
| 371 | + var plusCard = res.data.data; | |
| 372 | + var arr = [1219, 2089, 3031]; | |
| 373 | + var new_arr = new Array(); | |
| 374 | + var card_name_map = new Map(); | |
| 375 | + | |
| 376 | + var user = getApp().globalData.userInfo; | |
| 377 | + | |
| 378 | + if(plusCard) { | |
| 379 | + | |
| 380 | + for (var i = 0; i < plusCard.length; i++) { | |
| 381 | + if ((!user || user.card_field == null || user.card_field == "") && (plusCard[i].IsStopBuy == true)) { | |
| 382 | + continue; | |
| 383 | + } | |
| 384 | + | |
| 385 | + var name = "card" + plusCard[i].CorrPrice.toLowerCase(); | |
| 386 | + card_name_map.set(name, plusCard[i].CardName); | |
| 387 | + new_arr.push(plusCard[i]); | |
| 388 | + } | |
| 389 | + } | |
| 390 | + | |
| 391 | + var ob = { | |
| 392 | + "card_list": new_arr, | |
| 393 | + "name_map": card_name_map | |
| 394 | + }; | |
| 395 | + func(ob); | |
| 396 | + }) | |
| 397 | + }, | |
| 398 | + | |
| 399 | + //--- 点击tab的事件 --- | |
| 400 | + gr_set_nav:function(e){ | |
| 401 | + | |
| 402 | + var title_idx=e.currentTarget.dataset.index; | |
| 403 | + if(title_idx==this.data.title_index) return false; | |
| 404 | + wx.showLoading(); | |
| 405 | + | |
| 406 | + var nav_item=this.data.object.nav_list[title_idx]; | |
| 407 | + this.data.g_id =[]; | |
| 408 | + if(this.data.object.nav_list && this.data.object.nav_list[title_idx] && this.data.object.nav_list[title_idx].data) | |
| 409 | + this.data.g_id=this.data.object.nav_list[title_idx].data; | |
| 410 | + var arr = []; | |
| 411 | + for (var i = 0; i < this.data.g_id.length; i += this.data.goodscount) { | |
| 412 | + arr.push(this.data.g_id.slice(i, i + this.data.goodscount)); | |
| 413 | + } | |
| 414 | + this.data.firist_type_data = arr; | |
| 415 | + this.data.firist_type_curr=0; | |
| 416 | + this.data.requestData=[]; | |
| 417 | + | |
| 418 | + // 在组件实例进入页面节点树时执行 | |
| 419 | + if(nav_item){ | |
| 420 | + this.data.classstyle_id = nav_item.classstyle; | |
| 421 | + this.data.wgroup =nav_item.wgroup; | |
| 422 | + } | |
| 423 | + | |
| 424 | + | |
| 425 | + this.data.is_recommend = this.data.is_hot=this.data.is_new=0; | |
| 426 | + //推荐,热卖,新品 | |
| 427 | + if (nav_item && nav_item.goodsclass == 1) { | |
| 428 | + this.data.is_recommend = 1 | |
| 429 | + } | |
| 430 | + if (nav_item && nav_item.goodsclass == 2) { | |
| 431 | + this.data.is_hot = 1 | |
| 432 | + } | |
| 433 | + if (nav_item && nav_item.goodsclass == 3) { | |
| 434 | + this.data.is_new = 1 | |
| 435 | + } | |
| 436 | + | |
| 437 | + | |
| 438 | + this.data.currentPage=1; | |
| 439 | + this.setData({goods_array:null,total:null,title_index:title_idx}); | |
| 440 | + //初始化 | |
| 441 | + this.init(this.data.classstyle_id, this.data.wgroup); | |
| 442 | + setTimeout(function(){ wx.hideLoading();},1000) | |
| 443 | + }, | |
| 444 | + | |
| 445 | + //--- 设置 --- | |
| 446 | + set_good:async function(goods){ | |
| 447 | + var now=ut.gettimestamp(); | |
| 448 | + var th=this; | |
| 449 | + if(!goods || goods.length==0) return false; | |
| 450 | + var user_id=getApp().globalData.userInfo.user_id; | |
| 451 | + if(!user_id) user_id=0; | |
| 452 | + for(var i in goods){ | |
| 453 | + var val=goods[i]; | |
| 454 | + var item = {}; | |
| 455 | + var prom_id = null; | |
| 456 | + //app.request.promiseGet("/api/weshop/goods/get/" + os.stoid + "/" + val.goods_id, {}).then(res => { | |
| 457 | + | |
| 458 | + var url="/api/weshop/activitylist/getGoodActInfo"; | |
| 459 | + var req_data={ | |
| 460 | + store_id:os.stoid,goodsidlist:val.goods_id,is_detail:1,user_id:user_id | |
| 461 | + }; | |
| 462 | + | |
| 463 | + //获取商品的实际活动 | |
| 464 | + await getApp().request.promiseGet(url, {data:req_data}).then(res=>{ | |
| 465 | + if(res.data.code==0 && res.data.data && res.data.data.length==1){ | |
| 466 | + item.prom_type=res.data.data[0].prom_type; | |
| 467 | + item.prom_id=res.data.data[0].act_id; | |
| 468 | + } | |
| 469 | + }) | |
| 470 | + | |
| 471 | + item.goods_name = val.goods_name; | |
| 472 | + item.goods_img = th.data.imghost + val.original_img; | |
| 473 | + item.market_price = val.market_price; | |
| 474 | + item.shop_price = val.shop_price; | |
| 475 | + item.sales_sum = val.sales_sum; | |
| 476 | + item.goods_id = val.goods_id; | |
| 477 | + | |
| 478 | + item.cardprice1 = val.cardprice1; | |
| 479 | + item.cardprice2 = val.cardprice2; | |
| 480 | + item.cardprice3 = val.cardprice3; | |
| 481 | + item.prom_type = val.prom_type; | |
| 482 | + item.prom_id = val.prom_id; | |
| 483 | + | |
| 484 | + if(val.prom_price) item.prom_price = val.prom_price; | |
| 485 | + if(val.prom_integral) item.prom_integral = val.prom_integral; | |
| 486 | + | |
| 487 | + prom_id = val.prom_id; | |
| 488 | + | |
| 489 | + var prom_type = val.prom_type; //0普通商品 1秒杀 6拼单 2团购 4积分购 | |
| 490 | + | |
| 491 | + var url = ""; | |
| 492 | + | |
| 493 | + switch (prom_type){ | |
| 494 | + case 1: | |
| 495 | + var user_id=getApp().globalData.user_id; | |
| 496 | + if(!user_id) user_id=0; | |
| 497 | + url = "/api/ms/flash_sale/getNew/" +os.stoid + "/" +user_id+"/"+ prom_id; | |
| 498 | + break; | |
| 499 | + case 2: | |
| 500 | + url ="/api/weshop/goods/groupBuy/getActInfo/" +os.stoid + "/" +val.goods_id+"/"+ prom_id | |
| 501 | + break; | |
| 502 | + case 4: | |
| 503 | + url ="/api/weshop/integralbuy/get/"+os.stoid +"/"+prom_id; | |
| 504 | + break; | |
| 505 | + case 6: | |
| 506 | + url = "/api/weshop/teamlist/get/" + os.stoid + "/" + prom_id; | |
| 507 | + break; | |
| 508 | + case 8: | |
| 509 | + var presell_id = prom_id; | |
| 510 | + var url1 = "/api/weshop/marketing/marketingPresellList/list"; | |
| 511 | + var rd= { | |
| 512 | + store_id: os.stoid, | |
| 513 | + presell_id: presell_id, | |
| 514 | + goods_id: val.goods_id | |
| 515 | + } | |
| 516 | + //------获取预售从表---------- | |
| 517 | + await getApp().request.promiseGet(url1, { | |
| 518 | + data: rd | |
| 519 | + }).then(res => { | |
| 520 | + if (res.data.code == 0 && res.data.data && res.data.data.length > 0) { | |
| 521 | + var arr = res.data.data[0]; | |
| 522 | + item.prom_price = arr.luck_goods_price; | |
| 523 | + item.sales_sum=arr.buy_goodnum+(arr.virtual_qty?arr.virtual_qty:0); | |
| 524 | + } | |
| 525 | + }) | |
| 526 | + break; | |
| 527 | + default: | |
| 528 | + break | |
| 529 | + } | |
| 530 | + | |
| 531 | + if(url!=null && url!=''){ | |
| 532 | + await getApp().request.promiseGet(url, {}).then(res => { | |
| 533 | + var prom =null; | |
| 534 | + if(res && res.data) prom=res.data.data; | |
| 535 | + if (prom != null && prom.is_end==0 && prom.end_time>now && (prom.start_time<now || (prom.show_time && prom.show_time<now)) ) { | |
| 536 | + item.prom_price = res.data.data.price; | |
| 537 | + if(res.data.data.user_price) item.prom_price=res.data.data.user_price; | |
| 538 | + var vNum=res.data.data.virtual_num?res.data.data.virtual_num:0; | |
| 539 | + var vNum1=res.data.data.virtualNum?res.data.data.virtualNum:0; | |
| 540 | + var vNum2=res.data.data.virtual?res.data.data.virtual:0; | |
| 541 | + item.sales_sum=res.data.data.buy_num+(vNum+vNum1+vNum2); | |
| 542 | + }else{ | |
| 543 | + item.prom_type=0; | |
| 544 | + item.prom_id=0; | |
| 545 | + item.prom_price=null; | |
| 546 | + } | |
| 547 | + | |
| 548 | + th.data.requestData.push(item); | |
| 549 | + }) | |
| 550 | + }else{ | |
| 551 | + th.data.requestData.push(item); | |
| 552 | + } | |
| 553 | + } | |
| 554 | + | |
| 555 | + if(th.data.object.column==5){ | |
| 556 | + var arr = new Array(); | |
| 557 | + var rData=th.data.requestData; | |
| 558 | + //--三个三个一组--- | |
| 559 | + for(var i=0;i< rData.length;i+=3){ | |
| 560 | + arr.push(rData.slice(i,i+3)); | |
| 561 | + } | |
| 562 | + th.setData({ goods_array: arr,page: th.data.currentPage - 1, }); | |
| 563 | + }else{ | |
| 564 | + th.setData({ | |
| 565 | + goods_array: th.data.requestData, | |
| 566 | + page: th.data.currentPage - 1, | |
| 567 | + }); | |
| 568 | + } | |
| 569 | + | |
| 570 | + }, | |
| 571 | + | |
| 572 | + re_show:function () { | |
| 573 | + if(this.data.object.goodscount *this.data.page <this.data.total ){ | |
| 574 | + this.setLoading() | |
| 575 | + } | |
| 576 | + } | |
| 577 | + | |
| 578 | + | |
| 579 | + | |
| 580 | + | |
| 581 | + } | |
| 582 | +}) | |
| 0 | 583 | \ No newline at end of file | ... | ... |
components/diy_serviceCard/diy_serviceCard.json
0 → 100644
components/diy_serviceCard/diy_serviceCard.wxml
0 → 100644
| 1 | +<!--pages/diy_zs/diy_zs.wxml--> | |
| 2 | +<wxs module="filter" src="../../utils/filter.wxs"></wxs> | |
| 3 | +<wxs module="g_filter" src="g_filter.wxs"></wxs> | |
| 4 | + | |
| 5 | +<!-- 要不要顶部标题 --> | |
| 6 | +<!-- <block wx:if="{{is_nav}}"> | |
| 7 | + <view class="flex gr_title_list" style="overflow-x: auto;"> | |
| 8 | + <view class="gr_title_item" wx:for="{{nav_list}}" data-index="{{index}}" bindtap="gr_set_nav" data-idlist="{{item.idlist}}" data-wgroup="{{item.wgroup}}" data-classstyle="{{item.classstyle}}" > | |
| 9 | + <text class="{{index==title_index?'t_red':''}}" style="{{title_class}}">{{item.title}}</text> | |
| 10 | + </view> | |
| 11 | + </view> | |
| 12 | +</block> --> | |
| 13 | + | |
| 14 | +<!-- 服务卡项顶部标题 --> | |
| 15 | +<scroll-view scroll-x="true" enhanced="true" fast-deceleration="true" show-scrollbar="false"> | |
| 16 | + <view class="flex fs28"> | |
| 17 | + <view class="scroll-view-item active">标题1</view> | |
| 18 | + <view class="scroll-view-item">标题标题2</view> | |
| 19 | + <view class="scroll-view-item">标题3</view> | |
| 20 | + <view class="scroll-view-item">标题标题标题4</view> | |
| 21 | + <view class="scroll-view-item">标题5</view> | |
| 22 | + <view class="scroll-view-item">标题6</view> | |
| 23 | + <view class="scroll-view-item">标题题7</view> | |
| 24 | + <view class="scroll-view-item">标题8</view> | |
| 25 | + <view class="scroll-view-item">标题题9</view> | |
| 26 | + <view class="scroll-view-item">标题10</view> | |
| 27 | + <view class="scroll-view-item">标题11</view> | |
| 28 | + <view class="scroll-view-item">标题12222</view> | |
| 29 | + </view> | |
| 30 | +</scroll-view> | |
| 31 | + | |
| 32 | + | |
| 33 | +<!--1个列表的时候--> | |
| 34 | +<view class="zs_goods_wai" wx:if='{{object.column==1}}'> | |
| 35 | + <block wx:for="{{goods_array}}" > | |
| 36 | + <view class='zs_goods {{g_filter.get_border_type(object.big_order_type)}}'> | |
| 37 | + <navigator url="{{g_filter.get_url_by_type(item)}}" class="s1_gk_a1"> | |
| 38 | + <!-- <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}&prom_id={{item.prom_id}}&&prom_type={{item.prom_type}}" class="s1_gk_a1"> --> | |
| 39 | + <view class='zs_top rel'> | |
| 40 | + | |
| 41 | + <block wx:if="{{object.big_order_type==3}}"> | |
| 42 | + <view style="position: relative; width: 100%; height: 100%"> | |
| 43 | + <image class='zs_t_img' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 44 | + binderror="bind_bnerr3"></image> | |
| 45 | + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" binderror="bind_bnerr3"></image> | |
| 46 | + </view> | |
| 47 | + </block> | |
| 48 | + <block wx:else> | |
| 49 | + <image class='zs_t_img' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | |
| 50 | + binderror="bind_bnerr3" lazy-load="true" ></image> | |
| 51 | + </block> | |
| 52 | + | |
| 53 | + <block wx:if="{{object.goodicon==3}}"> | |
| 54 | + <image class='{{g_filter.get_class(object.column,object.position)}}' src='{{object.customicon}}'></image> | |
| 55 | + </block> | |
| 56 | + <block wx:if="{{object.goodicon==1}}"> | |
| 57 | + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 58 | + </block> | |
| 59 | + <block wx:if="{{object.goodicon==2}}"> | |
| 60 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 61 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 62 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2}}" | |
| 63 | + src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 64 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 65 | + src='{{imghost}}/miniapp/images/new.png'></image> | |
| 66 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4}}" | |
| 67 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 68 | + </block> | |
| 69 | + </view> | |
| 70 | + <view class='zs_center'> | |
| 71 | + <view class='zs_wz1' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | |
| 72 | + <!--如果有显示价格 --> | |
| 73 | + <view class='zs_wz2' wx:if="{{object.goodsprice}}"> | |
| 74 | + <block wx:if="{{item.prom_price || item.prom_integral}}"> | |
| 75 | + <view class='wz_red'> | |
| 76 | + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 77 | + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 78 | + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 79 | + </view> | |
| 80 | + <view class='del'>¥{{item.market_price}}</view> | |
| 81 | + </block> | |
| 82 | + <block wx:else> | |
| 83 | + | |
| 84 | + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" > | |
| 85 | + <!-- 当会员是等级卡的时候 --> | |
| 86 | + <block wx:if="{{card_field}}"> | |
| 87 | + <!-- 等级价>0 --> | |
| 88 | + <block wx:if="{{item[card_field]>0}}"> | |
| 89 | + <view class="money flex ai_and"> | |
| 90 | + <!-- 办卡价 --> | |
| 91 | + <view class="flex xc-wc ai_and"> | |
| 92 | + <view class="fs24 wz_red">¥</view> | |
| 93 | + <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view> | |
| 94 | + <view class="card_bg ellipsis-1"> | |
| 95 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 96 | + <text class="card_name">{{card_name}}</text> | |
| 97 | + </view> | |
| 98 | + </view> | |
| 99 | + </view> | |
| 100 | + <view class="flex" style="line-height: 28rpx;" > | |
| 101 | + <!-- 原价 --> | |
| 102 | + <view class="price flex xc-ash line_th"> | |
| 103 | + <view class="fs22">¥</view> | |
| 104 | + <view class="fs22">{{item.market_price}}</view> | |
| 105 | + </view> | |
| 106 | + </view> | |
| 107 | + </block> | |
| 108 | + <blocK wx:else> | |
| 109 | + <view class="money flex" > | |
| 110 | + <!-- 办卡价 --> | |
| 111 | + <view class="flex xc-wc"> | |
| 112 | + <view class="fs24 wz_red">¥</view> | |
| 113 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 114 | + </view> | |
| 115 | + </view> | |
| 116 | + <view class="flex" style="line-height: 28rpx;" > | |
| 117 | + <!-- 原价 --> | |
| 118 | + <view class="price flex xc-ash line_th"> | |
| 119 | + <view class="fs22">¥</view> | |
| 120 | + <view class="fs22">{{item.market_price}}</view> | |
| 121 | + </view> | |
| 122 | + </view> | |
| 123 | + </blocK> | |
| 124 | + </block> | |
| 125 | + <block wx:else> | |
| 126 | + <!-- 如果商品有设置等级价大于0的 --> | |
| 127 | + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 128 | + <view class="money flex" > | |
| 129 | + <!-- 办卡价 --> | |
| 130 | + <view class="flex xc-wc"> | |
| 131 | + <view class="fs24 wz_red">¥</view> | |
| 132 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 133 | + </view> | |
| 134 | + <!-- 原价 --> | |
| 135 | + <view class="price flex xc-ash line_th"> | |
| 136 | + <view class="fs22">¥</view> | |
| 137 | + <view class="fs22">{{item.market_price}}</view> | |
| 138 | + </view> | |
| 139 | + | |
| 140 | + </view> | |
| 141 | + <view class="flex" style="line-height: 28rpx;" > | |
| 142 | + <!-- 等级价 --> | |
| 143 | + <view class="price flex ai_and"> | |
| 144 | + <view class="fs22">¥</view> | |
| 145 | + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view> | |
| 146 | + <view class="card_bg ellipsis-1"> | |
| 147 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 148 | + <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text> | |
| 149 | + </view> | |
| 150 | + </view> | |
| 151 | + </view> | |
| 152 | + </block> | |
| 153 | + <block wx:else> | |
| 154 | + <view class="money flex" > | |
| 155 | + <!-- 办卡价 --> | |
| 156 | + <view class="flex xc-wc"> | |
| 157 | + <view class="fs24 wz_red">¥</view> | |
| 158 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 159 | + </view> | |
| 160 | + </view> | |
| 161 | + <view class="flex" style="line-height: 28rpx;" > | |
| 162 | + <!-- 原价 --> | |
| 163 | + <view class="price flex xc-ash line_th"> | |
| 164 | + <view class="fs22">¥</view> | |
| 165 | + <view class="fs22">{{item.market_price}}</view> | |
| 166 | + </view> | |
| 167 | + </view> | |
| 168 | + </block> | |
| 169 | + </block> | |
| 170 | + </block> | |
| 171 | + | |
| 172 | + <block wx:else> | |
| 173 | + <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 174 | + <view class='del'>¥{{item.market_price}}</view> | |
| 175 | + </block> | |
| 176 | + | |
| 177 | + </block> | |
| 178 | + | |
| 179 | + </view> | |
| 180 | + <view class='zs_wz4 c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | |
| 181 | + <!-- <view style="height: 10rpx;"></view> --> | |
| 182 | + </view> | |
| 183 | + </navigator> | |
| 184 | + </view> | |
| 185 | + <!-- <view style="height:20rpx"></view> --> | |
| 186 | + </block> | |
| 187 | + | |
| 188 | +</view> | |
| 189 | +<!--2个一列--> | |
| 190 | +<view class="flex flex-wrap" wx:if="{{object.column==2}}" style="padding: 0 10rpx 20rpx 10rpx;"> | |
| 191 | + <block wx:for="{{goods_array}}" > | |
| 192 | + <view class="nav-container"> | |
| 193 | + <navigator url="{{g_filter.get_url_by_type(item)}}" class="s1_gk_a1 {{g_filter.get_border_type(object.big_order_type)}}"> | |
| 194 | + <view class="zs_goods_wai_ban"> | |
| 195 | + <!-- <view class="zs_goods_ban"> --> | |
| 196 | + <!-- <view class='zs_goods_2l'> --> | |
| 197 | + <view class='zs_top_2l rel'> | |
| 198 | + | |
| 199 | + <block wx:if="{{object.big_order_type==3}}"> | |
| 200 | + <view style="position: relative; width: 100%; height: 100%"> | |
| 201 | + <image class='zs_t_img_2l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 202 | + binderror="bind_bnerr3"></image> | |
| 203 | + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 204 | + binderror="bind_bnerr3"></image> | |
| 205 | + </view> | |
| 206 | + </block> | |
| 207 | + <block wx:else> | |
| 208 | + <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 209 | + binderror="bind_bnerr3"></image> | |
| 210 | + </block> | |
| 211 | + | |
| 212 | + <block wx:if="{{object.goodicon==3}}"> | |
| 213 | + <image class='{{g_filter.get_class(object.column,object.position)}}' | |
| 214 | + src='{{object.customicon}}'></image> | |
| 215 | + </block> | |
| 216 | + <block wx:if="{{object.goodicon==1}}"> | |
| 217 | + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 218 | + </block> | |
| 219 | + <block wx:if="{{object.goodicon==2}}"> | |
| 220 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 221 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 222 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}" | |
| 223 | + src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 224 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 225 | + src='{{imghost}}/miniapp/images/new.png'></image> | |
| 226 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}" | |
| 227 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 228 | + </block> | |
| 229 | + </view> | |
| 230 | + | |
| 231 | + <view class='zs_center_2l'> | |
| 232 | + <view class='zs_wz1_2l ellipsis-2' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | |
| 233 | + <view class='zs_wz2_2l' wx:if="{{object.goodsprice}}"> | |
| 234 | + | |
| 235 | + <block wx:if="{{item.prom_price || item.prom_integral}}"> | |
| 236 | + <view class='wz_red'> | |
| 237 | + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 238 | + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 239 | + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 240 | + </view> | |
| 241 | + <view class='del'>¥{{item.market_price}}</view> | |
| 242 | + </block> | |
| 243 | + <block wx:else> | |
| 244 | + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" > | |
| 245 | + <!-- 当会员是等级卡的时候 --> | |
| 246 | + <block wx:if="{{card_field}}"> | |
| 247 | + <!-- 等级价>0 --> | |
| 248 | + <block wx:if="{{item[card_field]>0}}"> | |
| 249 | + <view class="money flex" > | |
| 250 | + <!-- 办卡价 --> | |
| 251 | + <view class="flex xc-wc ai_and"> | |
| 252 | + <view class="fs24 wz_red">¥</view> | |
| 253 | + <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view> | |
| 254 | + <view class="card_bg ellipsis-1"> | |
| 255 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 256 | + <view class="card_name">{{card_name}}</view> | |
| 257 | + </view> | |
| 258 | + </view> | |
| 259 | + </view> | |
| 260 | + <view class="flex" style="line-height: 28rpx;" > | |
| 261 | + <!-- 原价 --> | |
| 262 | + <view class="price flex xc-ash line_th"> | |
| 263 | + <view class="fs22">¥</view> | |
| 264 | + <view class="fs22">{{item.market_price}}</view> | |
| 265 | + </view> | |
| 266 | + </view> | |
| 267 | + </block> | |
| 268 | + <blocK wx:else> | |
| 269 | + <view class="money flex" > | |
| 270 | + <!-- 办卡价 --> | |
| 271 | + <view class="flex xc-wc"> | |
| 272 | + <view class="fs24 wz_red">¥</view> | |
| 273 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 274 | + </view> | |
| 275 | + </view> | |
| 276 | + <view class="flex" style="line-height: 28rpx;" > | |
| 277 | + <!-- 原价 --> | |
| 278 | + <view class="price flex xc-ash line_th"> | |
| 279 | + <view class="fs22">¥</view> | |
| 280 | + <view class="fs22">{{item.market_price}}</view> | |
| 281 | + </view> | |
| 282 | + </view> | |
| 283 | + </blocK> | |
| 284 | + </block> | |
| 285 | + <block wx:else> | |
| 286 | + <!-- 如果商品有设置等级价大于0的 --> | |
| 287 | + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 288 | + <view class="money flex" > | |
| 289 | + <!-- 办卡价 --> | |
| 290 | + <view class="flex xc-wc"> | |
| 291 | + <view class="fs24 wz_red">¥</view> | |
| 292 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 293 | + </view> | |
| 294 | + <!-- 原价 --> | |
| 295 | + <view class="price flex xc-ash line_th"> | |
| 296 | + <view class="fs22">¥</view> | |
| 297 | + <view class="fs22">{{item.market_price}}</view> | |
| 298 | + </view> | |
| 299 | + | |
| 300 | + </view> | |
| 301 | + <view class="flex" style="line-height: 28rpx;" > | |
| 302 | + <!-- 等级价 --> | |
| 303 | + <view class="price flex ai_and"> | |
| 304 | + <view class="fs22">¥</view> | |
| 305 | + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view> | |
| 306 | + <view class="card_bg ellipsis-1"> | |
| 307 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 308 | + <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text> | |
| 309 | + </view> | |
| 310 | + </view> | |
| 311 | + </view> | |
| 312 | + </block> | |
| 313 | + <block wx:else> | |
| 314 | + <view class="money flex" > | |
| 315 | + <!-- 办卡价 --> | |
| 316 | + <view class="flex xc-wc"> | |
| 317 | + <view class="fs24 wz_red">¥</view> | |
| 318 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 319 | + </view> | |
| 320 | + </view> | |
| 321 | + <view class="flex" style="line-height: 28rpx;" > | |
| 322 | + <!-- 原价 --> | |
| 323 | + <view class="price flex xc-ash line_th"> | |
| 324 | + <view class="fs22">¥</view> | |
| 325 | + <view class="fs22">{{item.market_price}}</view> | |
| 326 | + </view> | |
| 327 | + </view> | |
| 328 | + </block> | |
| 329 | + </block> | |
| 330 | + </block> | |
| 331 | + <block wx:else> | |
| 332 | + <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 333 | + <view class='del'>¥{{item.market_price}}</view> | |
| 334 | + </block> | |
| 335 | + </block> | |
| 336 | + </view> | |
| 337 | + <view class='zs_wz5_2l c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | |
| 338 | + <!-- <view style="height: 10rpx;"></view> --> | |
| 339 | + </view> | |
| 340 | + <!-- </view> --> | |
| 341 | + <!-- </view> --> | |
| 342 | + | |
| 343 | + </view> | |
| 344 | + </navigator> | |
| 345 | + </view> | |
| 346 | + | |
| 347 | +</block> | |
| 348 | + <!-- <view class="clear"></view> --> | |
| 349 | +</view> | |
| 350 | +<!--3个一列--> | |
| 351 | +<block wx:if='{{object.column==3}}'> | |
| 352 | + <view class="flex wrap pdh10"> | |
| 353 | + <block wx:for="{{goods_array}}" > | |
| 354 | + <view class="nav-box"> | |
| 355 | + <navigator url="{{g_filter.get_url_by_type(item)}}" class="s1_gk_a1"> | |
| 356 | + <view class="zs_goods_wai_san {{g_filter.get_border_type(object.big_order_type)}}" > | |
| 357 | + <view class="zs_goods_san"> | |
| 358 | + <view class='zs_goods_3l'> | |
| 359 | + <view class='zs_top_3l rel'> | |
| 360 | + <block wx:if="{{object.big_order_type==3}}"> | |
| 361 | + <view style="position: relative; width: 100%; height: 100%"> | |
| 362 | + <image class='zs_t_img_3l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 363 | + binderror="bind_bnerr3"></image> | |
| 364 | + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 365 | + binderror="bind_bnerr3"></image> | |
| 366 | + </view> | |
| 367 | + </block> | |
| 368 | + <block wx:else> | |
| 369 | + <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 370 | + binderror="bind_bnerr3"></image> | |
| 371 | + </block> | |
| 372 | + | |
| 373 | + <block wx:if="{{object.goodicon==3}}"> | |
| 374 | + <image class='{{g_filter.get_class(object.column,object.position)}}' | |
| 375 | + src='{{object.customicon}}'></image> | |
| 376 | + </block> | |
| 377 | + <block wx:if="{{object.goodicon==1}}"> | |
| 378 | + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 379 | + </block> | |
| 380 | + <block wx:if="{{object.goodicon==2}}"> | |
| 381 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 382 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 383 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}" | |
| 384 | + src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 385 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 386 | + src='{{imghost}}/miniapp/images/new.png'></image> | |
| 387 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}" | |
| 388 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 389 | + </block> | |
| 390 | + </view> | |
| 391 | + <view class='zs_center_3l'> | |
| 392 | + | |
| 393 | + | |
| 394 | + <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | |
| 395 | + <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}"> | |
| 396 | + <block wx:if="{{item.prom_price || item.prom_integral}}"> | |
| 397 | + <view class='wz_red'> | |
| 398 | + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 399 | + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 400 | + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 401 | + </view> | |
| 402 | + <view class='del'>¥{{item.market_price}}</view> | |
| 403 | + </block> | |
| 404 | + <block wx:else> | |
| 405 | + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" > | |
| 406 | + <!-- 当会员是等级卡的时候 --> | |
| 407 | + <block wx:if="{{card_field}}"> | |
| 408 | + <!-- 等级价>0 --> | |
| 409 | + <block wx:if="{{item[card_field]>0}}"> | |
| 410 | + <view class="money flex" > | |
| 411 | + <!-- 办卡价 --> | |
| 412 | + <view class="flex xc-wc ai_and"> | |
| 413 | + <view class="fs24 wz_red">¥</view> | |
| 414 | + <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view> | |
| 415 | + <view class="card_bg ellipsis-1"> | |
| 416 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 417 | + <text class="card_name">{{card_name}}</text> | |
| 418 | + </view> | |
| 419 | + </view> | |
| 420 | + </view> | |
| 421 | + <view class="flex" style="line-height: 28rpx;" > | |
| 422 | + <!-- 原价 --> | |
| 423 | + <view class="price flex xc-ash line_th"> | |
| 424 | + <view class="fs22">¥</view> | |
| 425 | + <view class="fs22">{{item.market_price}}</view> | |
| 426 | + </view> | |
| 427 | + </view> | |
| 428 | + </block> | |
| 429 | + <blocK wx:else> | |
| 430 | + <view class="money flex" > | |
| 431 | + <!-- 办卡价 --> | |
| 432 | + <view class="flex xc-wc"> | |
| 433 | + <view class="fs24 wz_red">¥</view> | |
| 434 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 435 | + </view> | |
| 436 | + </view> | |
| 437 | + <view class="flex" style="line-height: 28rpx;" > | |
| 438 | + <!-- 原价 --> | |
| 439 | + <view class="price flex xc-ash line_th"> | |
| 440 | + <view class="fs22">¥</view> | |
| 441 | + <view class="fs22">{{item.market_price}}</view> | |
| 442 | + </view> | |
| 443 | + </view> | |
| 444 | + </blocK> | |
| 445 | + </block> | |
| 446 | + <block wx:else> | |
| 447 | + <!-- 如果商品有设置等级价大于0的 --> | |
| 448 | + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 449 | + <view class="money flex" > | |
| 450 | + <!-- 办卡价 --> | |
| 451 | + <view class="flex xc-wc"> | |
| 452 | + <view class="fs24 wz_red">¥</view> | |
| 453 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 454 | + </view> | |
| 455 | + <!-- 原价 --> | |
| 456 | + <view class="price flex xc-ash line_th"> | |
| 457 | + <view class="fs22">¥</view> | |
| 458 | + <view class="fs22">{{item.market_price}}</view> | |
| 459 | + </view> | |
| 460 | + | |
| 461 | + </view> | |
| 462 | + <view class="flex" style="line-height: 28rpx;" > | |
| 463 | + <!-- 等级价 --> | |
| 464 | + <view class="price flex ai_and"> | |
| 465 | + <view class="fs22">¥</view> | |
| 466 | + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view> | |
| 467 | + <view class="card_bg ellipsis-1"> | |
| 468 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 469 | + <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text> | |
| 470 | + </view> | |
| 471 | + </view> | |
| 472 | + </view> | |
| 473 | + </block> | |
| 474 | + <block wx:else> | |
| 475 | + <view class="money flex" > | |
| 476 | + <!-- 办卡价 --> | |
| 477 | + <view class="flex xc-wc"> | |
| 478 | + <view class="fs24 wz_red">¥</view> | |
| 479 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 480 | + </view> | |
| 481 | + </view> | |
| 482 | + <view class="flex" style="line-height: 28rpx;" > | |
| 483 | + <!-- 原价 --> | |
| 484 | + <view class="price flex xc-ash line_th"> | |
| 485 | + <view class="fs22">¥</view> | |
| 486 | + <view class="fs22">{{item.market_price}}</view> | |
| 487 | + </view> | |
| 488 | + </view> | |
| 489 | + </block> | |
| 490 | + </block> | |
| 491 | + </block> | |
| 492 | + <block wx:else> | |
| 493 | + <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 494 | + <view class='del'>¥{{item.market_price}}</view> | |
| 495 | + </block> | |
| 496 | + </block> | |
| 497 | + </view> | |
| 498 | + <view class='zs_wz5_3l c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | |
| 499 | + <!-- <view style="height: 10rpx;"></view> --> | |
| 500 | + </view> | |
| 501 | + </view> | |
| 502 | + </view> | |
| 503 | + </view> | |
| 504 | + </navigator> | |
| 505 | + </view> | |
| 506 | + | |
| 507 | + </block> | |
| 508 | +</view> | |
| 509 | + <!-- <view class="clear"></view> --> | |
| 510 | +</block> | |
| 511 | +<!-- 列表显示 --> | |
| 512 | +<view class="zs_goods_xiao_wai" wx:if='{{object.column==4}}'> | |
| 513 | + <block wx:for="{{goods_array}}" > | |
| 514 | + <navigator url="{{g_filter.get_url_by_type(item)}}" class="s1_gk_a1"> | |
| 515 | + <view class="{{object.noboder==0?'zs_goods_xiao_bottom':'zs_goods_xiao'}}" > | |
| 516 | + <view class='zs_top_x'> | |
| 517 | + <block wx:if="{{object.big_order_type==3}}"> | |
| 518 | + <view style="position: relative; width: 100%; height: 100%"> | |
| 519 | + <image class='zs_t_img_x' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 520 | + binderror="bind_bnerr3"></image> | |
| 521 | + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%;" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 522 | + binderror="bind_bnerr3"></image> | |
| 523 | + </view> | |
| 524 | + </block> | |
| 525 | + | |
| 526 | + <block wx:else> | |
| 527 | + <!-- 原来的 --> | |
| 528 | + <!-- <image class="zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}" | |
| 529 | + src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 530 | + binderror="bind_bnerr3" mode="widthFix" style='max-height:290rpx'></image> --> | |
| 531 | + | |
| 532 | + <!-- 2021.11.27修改 --> | |
| 533 | + <image class="block zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}" | |
| 534 | + src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 535 | + binderror="bind_bnerr3"></image> | |
| 536 | + </block> | |
| 537 | + | |
| 538 | + <block wx:if="{{object.goodicon==3}}"> | |
| 539 | + <image class='{{g_filter.get_class(object.column,object.position)}}' | |
| 540 | + src='{{object.customicon}}'></image> | |
| 541 | + </block> | |
| 542 | + <block wx:if="{{object.goodicon==1}}"> | |
| 543 | + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 544 | + </block> | |
| 545 | + <block wx:if="{{object.goodicon==2}}"> | |
| 546 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 547 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 548 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}" | |
| 549 | + src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 550 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 551 | + src='{{imghost}}/miniapp/images/new.png'></image> | |
| 552 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}" | |
| 553 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 554 | + </block> | |
| 555 | + </view> | |
| 556 | + | |
| 557 | + <view class='zs_center_x'> | |
| 558 | + <view class='zs_wz1_x ellipsis-2' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | |
| 559 | + <view class='zs_wz2_x' wx:if="{{object.goodsprice}}"> | |
| 560 | + | |
| 561 | + <block wx:if="{{item.prom_price || item.prom_integral}}"> | |
| 562 | + <view class='wz_red'> | |
| 563 | + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 564 | + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 565 | + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 566 | + </view> | |
| 567 | + <view class='del'>¥{{item.market_price}}</view> | |
| 568 | + </block> | |
| 569 | + <!-- 不是活动的情况 --> | |
| 570 | + <block wx:else> | |
| 571 | + | |
| 572 | + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" > | |
| 573 | + <!-- 当会员是等级卡的时候 --> | |
| 574 | + <block wx:if="{{card_field}}"> | |
| 575 | + <!-- 等级价>0 --> | |
| 576 | + <block wx:if="{{item[card_field]>0}}"> | |
| 577 | + <view class="money flex" > | |
| 578 | + <!-- 办卡价 --> | |
| 579 | + <view class="flex xc-wc ai_and"> | |
| 580 | + <view class="fs24 wz_red">¥</view> | |
| 581 | + <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view> | |
| 582 | + <view class="card_bg ellipsis-1"> | |
| 583 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 584 | + <text class="card_name">{{card_name}}</text> | |
| 585 | + </view> | |
| 586 | + </view> | |
| 587 | + </view> | |
| 588 | + <view class="flex" style="line-height: 28rpx;" > | |
| 589 | + <!-- 原价 --> | |
| 590 | + <view class="price flex xc-ash line_th"> | |
| 591 | + <view class="fs22">¥</view> | |
| 592 | + <view class="fs22">{{item.market_price}}</view> | |
| 593 | + </view> | |
| 594 | + </view> | |
| 595 | + </block> | |
| 596 | + <blocK wx:else> | |
| 597 | + <view class="money flex" > | |
| 598 | + <!-- 办卡价 --> | |
| 599 | + <view class="flex xc-wc"> | |
| 600 | + <view class="fs24">¥</view> | |
| 601 | + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view> | |
| 602 | + </view> | |
| 603 | + </view> | |
| 604 | + <view class="flex" style="line-height: 28rpx;" > | |
| 605 | + <!-- 原价 --> | |
| 606 | + <view class="price flex xc-ash line_th"> | |
| 607 | + <view class="fs22">¥</view> | |
| 608 | + <view class="fs22">{{item.market_price}}</view> | |
| 609 | + </view> | |
| 610 | + </view> | |
| 611 | + </blocK> | |
| 612 | + </block> | |
| 613 | + <block wx:else> | |
| 614 | + <!-- 如果商品有设置等级价大于0的 --> | |
| 615 | + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 616 | + <view class="money flex" > | |
| 617 | + <!-- 办卡价 --> | |
| 618 | + <view class="flex xc-wc"> | |
| 619 | + <view class="fs24">¥</view> | |
| 620 | + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view> | |
| 621 | + </view> | |
| 622 | + <!-- 原价 --> | |
| 623 | + <view class="price flex xc-ash line_th"> | |
| 624 | + <view class="fs22">¥</view> | |
| 625 | + <view class="fs22">{{item.market_price}}</view> | |
| 626 | + </view> | |
| 627 | + | |
| 628 | + </view> | |
| 629 | + <view class="flex" style="line-height: 28rpx;" > | |
| 630 | + <!-- 等级价 --> | |
| 631 | + <view class="price flex ai_and"> | |
| 632 | + <view class="fs22">¥</view> | |
| 633 | + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view> | |
| 634 | + <view class="card_bg"> | |
| 635 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>{{g_filter.get_card_price(item,card_list,1)}}</view> | |
| 636 | + </view> | |
| 637 | + </view> | |
| 638 | + </block> | |
| 639 | + <block wx:else> | |
| 640 | + <view class="money flex" > | |
| 641 | + <!-- 办卡价 --> | |
| 642 | + <view class="flex xc-wc"> | |
| 643 | + <view class="fs24 wz_red">¥</view> | |
| 644 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 645 | + </view> | |
| 646 | + </view> | |
| 647 | + <view class="flex" style="line-height: 28rpx;" > | |
| 648 | + <!-- 原价 --> | |
| 649 | + <view class="price flex xc-ash line_th"> | |
| 650 | + <view class="fs22">¥</view> | |
| 651 | + <view class="fs22">{{item.market_price}}</view> | |
| 652 | + </view> | |
| 653 | + </view> | |
| 654 | + </block> | |
| 655 | + </block> | |
| 656 | + </block> | |
| 657 | + | |
| 658 | + <block wx:else> | |
| 659 | + <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 660 | + <view class='del'>¥{{item.market_price}}</view> | |
| 661 | + </block> | |
| 662 | + | |
| 663 | + </block> | |
| 664 | + </view> | |
| 665 | + <view class='zs_wz5_x c-5' wx:if="{{object.goodsnum}}" style="font-size: 26rpx;">销量:{{item.sales_sum}}件</view> | |
| 666 | + </view> | |
| 667 | + | |
| 668 | + </view> | |
| 669 | + </navigator> | |
| 670 | + </block> | |
| 671 | + <view class="clear"></view> | |
| 672 | +</view> | |
| 673 | + | |
| 674 | + | |
| 675 | +<!-- 商品的显示不是左右 --> | |
| 676 | +<block wx:if="{{object.column!=5}}"> | |
| 677 | +<block wx:if="{{classstyle_id=='1' }}"><view class="button-wrapper" wx:if="{{goods_btn.length!=0 }}"> | |
| 678 | + <button type="default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading" class="c-5"> | |
| 679 | + {{loadText}} | |
| 680 | + </button> | |
| 681 | +</view></block> | |
| 682 | +<block wx:if="{{classstyle_id!='1' }}"> | |
| 683 | + <view class="button-wrapper pd20" wx:if="{{object.goodscount * page <total }}"> | |
| 684 | + <button type="default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading" style="background-color: rgba(0,0,0,0);color: #555;">{{loadText}}</button> | |
| 685 | + </view> | |
| 686 | + <view class="fs22" wx:if="{{object.goodscount * page >=total }}" style="color:{{object.nomore_color}};text-align: center; padding: 20rpx 0">—— 宝贝已经全部加载 —— </view> | |
| 687 | + | |
| 688 | +</block> | |
| 689 | +</block> | |
| 690 | + | |
| 691 | + | |
| 692 | +<!--商品展示--> | |
| 693 | +<swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.column==5}}" style="height: {{swiper_hei}}rpx;"> | |
| 694 | + <view class="sp"> | |
| 695 | + <swiper-item class="s_it" wx:for="{{goods_array}}"> | |
| 696 | + <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind"> | |
| 697 | + <navigator url="{{g_filter.get_url_by_type(aitem)}}" style="width: 32%" > | |
| 698 | + <view class="one {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}"> | |
| 699 | + <view class='sp_top'> | |
| 700 | + <view class='s_img' style="position: relative; width: 100%"> | |
| 701 | + | |
| 702 | + <block wx:if="{{object.big_order_type==3}}"> | |
| 703 | + <view style="position: relative; width: 100%; height: 100%"> | |
| 704 | + <image src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 705 | + binderror="bind_bnerr3"></image> | |
| 706 | + | |
| 707 | + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" binderror="bind_bnerr3"></image> | |
| 708 | + </view> | |
| 709 | + </block> | |
| 710 | + | |
| 711 | + <block wx:else> | |
| 712 | + <image src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].goods_img" | |
| 713 | + binderror="bind_bnerr3" lazy-load="true" style="width: 100%"></image> | |
| 714 | + </block> | |
| 715 | + | |
| 716 | + | |
| 717 | + <block wx:if="{{object.goodicon==3}}"> | |
| 718 | + <image class='{{g_filter.get_class(object.column,object.position)}}' | |
| 719 | + src='{{object.customicon}}'></image> | |
| 720 | + </block> | |
| 721 | + <block wx:if="{{object.goodicon==1}}"> | |
| 722 | + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 723 | + </block> | |
| 724 | + <block wx:if="{{object.goodicon==2}}"> | |
| 725 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 726 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 727 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}" | |
| 728 | + src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 729 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 730 | + src='{{imghost}}/miniapp/images/new.png'></image> | |
| 731 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}" | |
| 732 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 733 | + </block> | |
| 734 | + | |
| 735 | + </view> | |
| 736 | + <view class='clear'></view> | |
| 737 | + </view> | |
| 738 | + | |
| 739 | + <view class='pd10'> | |
| 740 | + <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{aitem.goods_name}}</view> | |
| 741 | + <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}"> | |
| 742 | + <block wx:if="{{aitem.prom_price || aitem.prom_integral }}"> | |
| 743 | + <view class='wz_red'> | |
| 744 | + <text wx:if="{{aitem.prom_integral}}">{{aitem.prom_integral}}</text> | |
| 745 | + <text wx:if="{{aitem.prom_integral && aitem.prom_price}}">+</text> | |
| 746 | + <text wx:if="{{aitem.prom_price}}">¥{{aitem.prom_price}}</text> | |
| 747 | + </view> | |
| 748 | + <view class='del'>¥{{aitem.market_price}}</view> | |
| 749 | + </block> | |
| 750 | + <block wx:else> | |
| 751 | + <block wx:if="{{g_filter.is_has_rank(rank_switch,aitem)}}" > | |
| 752 | + <!-- 当会员是等级卡的时候 --> | |
| 753 | + <block wx:if="{{card_field}}"> | |
| 754 | + <!-- 等级价>0 --> | |
| 755 | + <block wx:if="{{aitem[card_field]>0}}"> | |
| 756 | + <view class="money flex" > | |
| 757 | + <!-- 办卡价 --> | |
| 758 | + <view class="flex xc-wc ai_and"> | |
| 759 | + <view class="fs24 wz_red">¥</view> | |
| 760 | + <view class="fs35 wz_red">{{filter.toFix(aitem[card_field],2)}}</view> | |
| 761 | + <view class="card_bg ellipsis-1"> | |
| 762 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 763 | + <text class="card_name">{{card_name}}</text> | |
| 764 | + </view> | |
| 765 | + </view> | |
| 766 | + </view> | |
| 767 | + <view class="flex" style="line-height: 28rpx;" > | |
| 768 | + <!-- 原价 --> | |
| 769 | + <view class="price flex xc-ash line_th"> | |
| 770 | + <view class="fs22">¥</view> | |
| 771 | + <view class="fs22">{{aitem.market_price}}</view> | |
| 772 | + </view> | |
| 773 | + </view> | |
| 774 | + </block> | |
| 775 | + <blocK wx:else> | |
| 776 | + <view class="money flex" > | |
| 777 | + <!-- 办卡价 --> | |
| 778 | + <view class="flex xc-wc"> | |
| 779 | + <view class="fs24 wz_red">¥</view> | |
| 780 | + <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view> | |
| 781 | + </view> | |
| 782 | + </view> | |
| 783 | + <view class="flex" style="line-height: 28rpx;" > | |
| 784 | + <!-- 原价 --> | |
| 785 | + <view class="price flex xc-ash line_th"> | |
| 786 | + <view class="fs22">¥</view> | |
| 787 | + <view class="fs22">{{aitem.market_price}}</view> | |
| 788 | + </view> | |
| 789 | + </view> | |
| 790 | + </blocK> | |
| 791 | + </block> | |
| 792 | + <block wx:else> | |
| 793 | + <!-- 如果商品有设置等级价大于0的 --> | |
| 794 | + <block wx:if="{{g_filter.get_card_price(aitem,card_list,0)}}"> | |
| 795 | + <view class="money flex" > | |
| 796 | + <!-- 办卡价 --> | |
| 797 | + <view class="flex xc-wc"> | |
| 798 | + <view class="fs24 wz_red">¥</view> | |
| 799 | + <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view> | |
| 800 | + </view> | |
| 801 | + <!-- 原价 --> | |
| 802 | + <view class="price flex xc-ash line_th"> | |
| 803 | + <view class="fs22">¥</view> | |
| 804 | + <view class="fs22">{{aitem.market_price}}</view> | |
| 805 | + </view> | |
| 806 | + | |
| 807 | + </view> | |
| 808 | + <view class="flex" style="line-height: 28rpx;" > | |
| 809 | + <!-- 等级价 --> | |
| 810 | + <view class="price flex ai_and"> | |
| 811 | + <view class="fs22">¥</view> | |
| 812 | + <view class="fs28">{{filter.toFix(g_filter.get_card_price(aitem,card_list,0),2)}}</view> | |
| 813 | + <view class="card_bg ellipsis-1"> | |
| 814 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 815 | + <text class="card_name">{{g_filter.get_card_price(aitem,card_list,1)}}</text> | |
| 816 | + </view> | |
| 817 | + </view> | |
| 818 | + </view> | |
| 819 | + </block> | |
| 820 | + <block wx:else> | |
| 821 | + <view class="money flex" > | |
| 822 | + <!-- 办卡价 --> | |
| 823 | + <view class="flex xc-wc"> | |
| 824 | + <view class="fs24 wz_red">¥</view> | |
| 825 | + <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view> | |
| 826 | + </view> | |
| 827 | + </view> | |
| 828 | + <view class="flex" style="line-height: 28rpx;" > | |
| 829 | + <!-- 原价 --> | |
| 830 | + <view class="price flex xc-ash line_th"> | |
| 831 | + <view class="fs22">¥</view> | |
| 832 | + <view class="fs22">{{aitem.market_price}}</view> | |
| 833 | + </view> | |
| 834 | + </view> | |
| 835 | + </block> | |
| 836 | + </block> | |
| 837 | + </block> | |
| 838 | + <block wx:else> | |
| 839 | + <view class='wz_red'>¥{{aitem.shop_price}}</view> | |
| 840 | + <view class='del'>¥{{aitem.market_price}}</view> | |
| 841 | + </block> | |
| 842 | + </block> | |
| 843 | + </view> | |
| 844 | + <view class='zs_wz5_3l c-5' wx:if="{{object.goodsnum}}">销量:{{aitem.sales_sum}}件</view> | |
| 845 | + <!-- <view style="height: 10rpx;"></view> --> | |
| 846 | + </view> | |
| 847 | + | |
| 848 | + </view> | |
| 849 | + </navigator> | |
| 850 | + </block> | |
| 851 | + </swiper-item> | |
| 852 | + </view> | |
| 853 | + </swiper> | |
| 0 | 854 | \ No newline at end of file | ... | ... |
components/diy_serviceCard/diy_serviceCard.wxss
0 → 100644
| 1 | +/* pages/diy_zs/diy_zs.wxss */ | |
| 2 | + | |
| 3 | +.zwp_3 { | |
| 4 | + margin-top: 10rpx; | |
| 5 | +} | |
| 6 | + | |
| 7 | +.zs_goods { | |
| 8 | + box-sizing: border-box; | |
| 9 | + width: 100%; | |
| 10 | + /* margin-bottom: 10rpx; */ | |
| 11 | + /* margin: 0 auto 20rpx auto; */ | |
| 12 | + margin-top: 20rpx; | |
| 13 | + overflow:hidden; | |
| 14 | + background-color: white; | |
| 15 | +} | |
| 16 | + | |
| 17 | +.s1_gk_a1 { | |
| 18 | + overflow: hidden; | |
| 19 | + box-sizing: border-box; | |
| 20 | + /* display: inline; | |
| 21 | + width: auto; | |
| 22 | + height: auto; */ | |
| 23 | +} | |
| 24 | + | |
| 25 | +.clear { | |
| 26 | + clear: both; | |
| 27 | +} | |
| 28 | + | |
| 29 | +.zs_top { | |
| 30 | + width: 100%; | |
| 31 | + height: 700rpx; | |
| 32 | + /* min-height: 700rpx; */ | |
| 33 | + /* margin: 0 auto; */ | |
| 34 | + /* margin-bottom: 30rpx; */ | |
| 35 | + /* display: flex; */ | |
| 36 | +} | |
| 37 | + | |
| 38 | +.zs_t_img { | |
| 39 | + display: block; | |
| 40 | + width: 100%; | |
| 41 | + height: 100%; | |
| 42 | + /* width: 698rpx; | |
| 43 | + height: 698rpx; */ | |
| 44 | + /* margin: 1rpx auto; */ | |
| 45 | +} | |
| 46 | + | |
| 47 | +.zs_center { | |
| 48 | + box-sizing: border-box; | |
| 49 | + width: 100%; | |
| 50 | + /* min-height: 200rpx; */ | |
| 51 | + font-size: 28rpx; | |
| 52 | + color: #333; | |
| 53 | + text-align: left; | |
| 54 | + /* margin-left: 25rpx; */ | |
| 55 | + padding: 20rpx; | |
| 56 | +} | |
| 57 | + | |
| 58 | +.zs_wz1 { | |
| 59 | + overflow: hidden; | |
| 60 | + text-overflow: ellipsis; | |
| 61 | + margin-bottom: 10rpx; | |
| 62 | + font-size: 30rpx; | |
| 63 | + white-space: nowrap; | |
| 64 | + width: 640rpx; | |
| 65 | +} | |
| 66 | + | |
| 67 | +.zs_wz2 { | |
| 68 | + overflow: hidden; | |
| 69 | + text-overflow: ellipsis; | |
| 70 | + margin-bottom: 10rpx; | |
| 71 | + font-size: 28rpx; | |
| 72 | + white-space: nowrap; | |
| 73 | +} | |
| 74 | + | |
| 75 | +.zs_wz3 { | |
| 76 | + overflow: hidden; | |
| 77 | + text-overflow: ellipsis; | |
| 78 | + margin-bottom: 10rpx; | |
| 79 | + font-size: 28rpx; | |
| 80 | + white-space: nowrap; | |
| 81 | +} | |
| 82 | + | |
| 83 | +.zs_wz4 { | |
| 84 | + overflow: hidden; | |
| 85 | + text-overflow: ellipsis; | |
| 86 | + /* margin-bottom: 10rpx; */ | |
| 87 | + font-size: 26rpx; | |
| 88 | + white-space: nowrap; | |
| 89 | +} | |
| 90 | + | |
| 91 | +.zs_wz5 { | |
| 92 | + overflow: hidden; | |
| 93 | + text-overflow: ellipsis; | |
| 94 | + font-size: 30rpx; | |
| 95 | + white-space: nowrap; | |
| 96 | +} | |
| 97 | + | |
| 98 | +.wz_red { | |
| 99 | + /* color: #c4182e; | |
| 100 | + font-size: 32rpx; */ | |
| 101 | +} | |
| 102 | + | |
| 103 | +.zs_t1 { | |
| 104 | + width: 56rpx; | |
| 105 | + height: 56rpx; | |
| 106 | + position: absolute; | |
| 107 | + left: 0rpx; | |
| 108 | + top: 10rpx; | |
| 109 | +} | |
| 110 | + | |
| 111 | +.zs_t2 { | |
| 112 | + width: 56rpx; | |
| 113 | + height: 56rpx; | |
| 114 | + position: absolute; | |
| 115 | + right: 0rpx; | |
| 116 | + top: 10rpx; | |
| 117 | +} | |
| 118 | + | |
| 119 | +.zs_t3 { | |
| 120 | + width: 56rpx; | |
| 121 | + height: 56rpx; | |
| 122 | + position: absolute; | |
| 123 | + left: 0rpx; | |
| 124 | + bottom: 10rpx; | |
| 125 | +} | |
| 126 | + | |
| 127 | +.zs_t4 { | |
| 128 | + width: 56rpx; | |
| 129 | + height: 56rpx; | |
| 130 | + position: absolute; | |
| 131 | + right: 20rpx; | |
| 132 | + bottom: 10rpx; | |
| 133 | +} | |
| 134 | + | |
| 135 | +.zs_goods_xiao_bottom { | |
| 136 | + /* width: 100%; */ | |
| 137 | + /* min-height: 300rpx; */ | |
| 138 | + display: flex; | |
| 139 | + border-bottom: 2rpx #eee solid; | |
| 140 | + /* padding: 10rpx; */ | |
| 141 | + background-color: white; | |
| 142 | + padding: 20rpx; | |
| 143 | + /* background-color: pink; */ | |
| 144 | + box-sizing: border-box; | |
| 145 | +} | |
| 146 | + | |
| 147 | +.zs_goods_xiao { | |
| 148 | + width: 100%; | |
| 149 | + min-height: 300rpx; | |
| 150 | + display: flex; | |
| 151 | + /* border-bottom: 2rpx #eee solid; */ | |
| 152 | + padding: 10rpx; | |
| 153 | + background-color: white; | |
| 154 | +} | |
| 155 | + | |
| 156 | +.zs_top_x { | |
| 157 | + /* width: 400rpx; | |
| 158 | + height: 318rpx; */ | |
| 159 | + /* margin-top: 20rpx; */ | |
| 160 | + /* display: flex; */ | |
| 161 | + position: relative; | |
| 162 | +} | |
| 163 | + | |
| 164 | +.zs_t_img_x { | |
| 165 | + width: 290rpx; | |
| 166 | + height: 290rpx; | |
| 167 | + /* margin-left: 20rpx; */ | |
| 168 | +} | |
| 169 | + | |
| 170 | +.zs_t_img_x.zj{ border: 1rpx solid #eee;} | |
| 171 | +.zs_t_img_x.yj{ border: 1rpx solid #eee;border-radius: 18rpx;} | |
| 172 | + | |
| 173 | + | |
| 174 | +.zs_center_x { | |
| 175 | + /* width: 100%; | |
| 176 | + min-height: 200rpx; */ | |
| 177 | + font-size: 28rpx; | |
| 178 | + color: #333; | |
| 179 | + padding-left: 20rpx; | |
| 180 | + /* text-align: left; */ | |
| 181 | + /* margin-top: 30rpx; | |
| 182 | + padding: 0 10rpx; */ | |
| 183 | +} | |
| 184 | + | |
| 185 | +.zs_wz1_x { | |
| 186 | + /* overflow: hidden; | |
| 187 | + text-overflow: ellipsis; */ | |
| 188 | + height: 90rpx; | |
| 189 | + margin-bottom: 10rpx; | |
| 190 | + font-size: 30rpx; | |
| 191 | + /* word-break: break-all; */ | |
| 192 | + /* white-space: nowrap; | |
| 193 | + width: 80%; */ | |
| 194 | +} | |
| 195 | + | |
| 196 | +.zs_wz2_x { | |
| 197 | + overflow: hidden; | |
| 198 | + text-overflow: ellipsis; | |
| 199 | + margin-bottom: 10rpx; | |
| 200 | + font-size: 28rpx; | |
| 201 | + white-space: nowrap; | |
| 202 | +} | |
| 203 | + | |
| 204 | +.zs_wz3_x { | |
| 205 | + overflow: hidden; | |
| 206 | + text-overflow: ellipsis; | |
| 207 | + margin-bottom: 10rpx; | |
| 208 | + font-size: 28rpx; | |
| 209 | + white-space: nowrap; | |
| 210 | +} | |
| 211 | + | |
| 212 | +.zs_wz4_x { | |
| 213 | + overflow: hidden; | |
| 214 | + text-overflow: ellipsis; | |
| 215 | + margin-bottom: 10rpx; | |
| 216 | + font-size: 28rpx; | |
| 217 | + white-space: nowrap; | |
| 218 | +} | |
| 219 | + | |
| 220 | +.zs_wz5_x { | |
| 221 | + overflow: hidden; | |
| 222 | + text-overflow: ellipsis; | |
| 223 | + font-size: 30rpx; | |
| 224 | + white-space: nowrap; | |
| 225 | +} | |
| 226 | + | |
| 227 | +.wz_red { | |
| 228 | + color: #f2270c; | |
| 229 | + font-size: 32rpx; | |
| 230 | +} | |
| 231 | + | |
| 232 | +.del { | |
| 233 | + font-size: 24rpx; | |
| 234 | + color: #999; | |
| 235 | + text-decoration: line-through; | |
| 236 | + margin-top: 8rpx; | |
| 237 | +} | |
| 238 | + | |
| 239 | +.zs_t1_x { | |
| 240 | + width: 56rpx; | |
| 241 | + height: 56rpx; | |
| 242 | + position: relative; | |
| 243 | + right: 62rpx; | |
| 244 | + top: 6rpx; | |
| 245 | +} | |
| 246 | + | |
| 247 | +.zs_t1_x1 { | |
| 248 | + position: absolute; | |
| 249 | + width: 56rpx; | |
| 250 | + height: 56rpx; | |
| 251 | + /* position: relative; */ | |
| 252 | + left: 10rpx; | |
| 253 | + top: 10rpx; | |
| 254 | +} | |
| 255 | + | |
| 256 | +.zs_t1_x2 { | |
| 257 | + width: 56rpx; | |
| 258 | + height: 56rpx; | |
| 259 | + position: relative; | |
| 260 | + right: 56rpx; | |
| 261 | + top: 0rpx; | |
| 262 | +} | |
| 263 | + | |
| 264 | +.zs_t1_x3 { | |
| 265 | + width: 56rpx; | |
| 266 | + height: 56rpx; | |
| 267 | + position: relative; | |
| 268 | + right: 288rpx; | |
| 269 | + top: 234rpx; | |
| 270 | +} | |
| 271 | + | |
| 272 | +/*1列2个*/ | |
| 273 | + | |
| 274 | +.zs_goods_ban { | |
| 275 | + width: 100%; | |
| 276 | + /* min-height: 300rpx; */ | |
| 277 | +} | |
| 278 | + | |
| 279 | +.zs_goods_wai_ban { | |
| 280 | + /* display: flex; */ | |
| 281 | + /* padding-left: 2rpx; */ | |
| 282 | + /* margin-bottom: 12rpx; */ | |
| 283 | + /* width: 48%; */ | |
| 284 | + /* float: left; */ | |
| 285 | + background: #fff; | |
| 286 | + /* margin-left: 1%; */ | |
| 287 | + /* margin-top: 10rpx; */ | |
| 288 | +} | |
| 289 | + | |
| 290 | + | |
| 291 | + | |
| 292 | +.zs_goods_2l { | |
| 293 | + /* width: 94%; */ | |
| 294 | + /* min-height: 300rpx; */ | |
| 295 | + /* border: 2rpx #ddd solid; */ | |
| 296 | + /* margin: 0 auto; | |
| 297 | + padding: 2rpx; */ | |
| 298 | +} | |
| 299 | + | |
| 300 | +.zs_top_2l { | |
| 301 | + width: 100%; | |
| 302 | + height: 340rpx; | |
| 303 | +} | |
| 304 | + | |
| 305 | +.button-wrapper button { | |
| 306 | + /*width: 94%;*/ | |
| 307 | + /* border: none; | |
| 308 | + margin-top: 10rpx; */ | |
| 309 | +} | |
| 310 | + | |
| 311 | +.zs_t_img_2l { | |
| 312 | + display: block; | |
| 313 | + width: 100%; | |
| 314 | + height: 100%; | |
| 315 | + margin: 0 auto; | |
| 316 | +} | |
| 317 | + | |
| 318 | +.zs_center_2l { | |
| 319 | + box-sizing: border-box; | |
| 320 | + width: 100%; | |
| 321 | + font-size: 28rpx; | |
| 322 | + color: #333; | |
| 323 | + /* text-align: left; */ | |
| 324 | + padding: 20rpx; | |
| 325 | + /* padding: 0 10rpx; */ | |
| 326 | +} | |
| 327 | + | |
| 328 | +.zs_wz1_2l { | |
| 329 | + /* overflow: hidden; | |
| 330 | + text-overflow: ellipsis; */ | |
| 331 | + font-size: 28rpx; | |
| 332 | + /* white-space: nowrap; */ | |
| 333 | + height: 90rpx; | |
| 334 | + /* line-height: 40rpx; */ | |
| 335 | + /* margin-top: 10rpx; */ | |
| 336 | + /* word-break: break-all; */ | |
| 337 | +} | |
| 338 | + | |
| 339 | +.zs_wz2_2l { | |
| 340 | + overflow: hidden; | |
| 341 | + text-overflow: ellipsis; | |
| 342 | + margin-bottom: 10rpx; | |
| 343 | + font-size: 30rpx; | |
| 344 | + white-space: nowrap; | |
| 345 | + margin-top: 10rpx; | |
| 346 | + height: 80rpx; | |
| 347 | + line-height: 40rpx; | |
| 348 | +} | |
| 349 | + | |
| 350 | +.zs_wz3_2l { | |
| 351 | + overflow: hidden; | |
| 352 | + text-overflow: ellipsis; | |
| 353 | + margin-bottom: 10rpx; | |
| 354 | + font-size: 30rpx; | |
| 355 | + white-space: nowrap; | |
| 356 | + margin-top: 10rpx; | |
| 357 | +} | |
| 358 | + | |
| 359 | +.zs_wz4_2l { | |
| 360 | + overflow: hidden; | |
| 361 | + text-overflow: ellipsis; | |
| 362 | + margin-bottom: 10rpx; | |
| 363 | + font-size: 30rpx; | |
| 364 | + white-space: nowrap; | |
| 365 | + margin-top: 10rpx; | |
| 366 | +} | |
| 367 | + | |
| 368 | +.zs_wz5_2l { | |
| 369 | + overflow: hidden; | |
| 370 | + text-overflow: ellipsis; | |
| 371 | + font-size: 24rpx; | |
| 372 | + white-space: nowrap; | |
| 373 | + margin-top: 10rpx; | |
| 374 | +} | |
| 375 | + | |
| 376 | +/*---俩列图片位置---*/ | |
| 377 | + | |
| 378 | +.zs_t1_2l { | |
| 379 | + width: 56rpx; | |
| 380 | + height: 56rpx; | |
| 381 | + position: absolute; | |
| 382 | + left: 10rpx; | |
| 383 | + top: 10rpx; | |
| 384 | +} | |
| 385 | + | |
| 386 | +.zs_t2_2l { | |
| 387 | + width: 56rpx; | |
| 388 | + height: 56rpx; | |
| 389 | + position: absolute; | |
| 390 | + right: 10rpx; | |
| 391 | + top: 10rpx; | |
| 392 | +} | |
| 393 | + | |
| 394 | +.zs_t3_2l { | |
| 395 | + width: 56rpx; | |
| 396 | + height: 56rpx; | |
| 397 | + position: absolute; | |
| 398 | + left: 10rpx; | |
| 399 | + bottom: 10rpx; | |
| 400 | +} | |
| 401 | + | |
| 402 | +.zs_t4_2l { | |
| 403 | + width: 56rpx; | |
| 404 | + height: 56rpx; | |
| 405 | + position: absolute; | |
| 406 | + right: 10rpx; | |
| 407 | + bottom: 10rpx; | |
| 408 | +} | |
| 409 | + | |
| 410 | +/*一个3列*/ | |
| 411 | + | |
| 412 | +.zs_goods_wai_san { | |
| 413 | + box-sizing: border-box; | |
| 414 | + /* width: 236rpx; */ | |
| 415 | + /* display: flex; | |
| 416 | + margin-left: 10rpx; | |
| 417 | + float: left; */ | |
| 418 | + /* margin-bottom: 8rpx; */ | |
| 419 | + background-color: white; | |
| 420 | + overflow: hidden; | |
| 421 | +} | |
| 422 | + | |
| 423 | +.zs_goods_san { | |
| 424 | + width: 236rpx; | |
| 425 | +} | |
| 426 | + | |
| 427 | +.zs_goods_3l { | |
| 428 | + /* width: 228rpx; */ | |
| 429 | + /* min-height: 300rpx; */ | |
| 430 | + margin: 0 auto; | |
| 431 | + /* padding: 2rpx; */ | |
| 432 | + overflow: hidden; | |
| 433 | +} | |
| 434 | + | |
| 435 | +.zs_top_3l { | |
| 436 | + /* width: 232rpx; */ | |
| 437 | + height: 232rpx; | |
| 438 | +} | |
| 439 | + | |
| 440 | +.zs_t_img_3l { | |
| 441 | + /* width: 232rpx; | |
| 442 | + height: 232rpx; | |
| 443 | + margin: 0 auto; */ | |
| 444 | + display: block; | |
| 445 | + width: 100%; | |
| 446 | + height: 100%; | |
| 447 | + background-color: #f2f2f2; | |
| 448 | +} | |
| 449 | + | |
| 450 | +.zs_center_3l { | |
| 451 | + width: 100%; | |
| 452 | + font-size: 28rpx; | |
| 453 | + color: #333; | |
| 454 | + padding: 8rpx; | |
| 455 | + box-sizing: border-box; | |
| 456 | + /* text-align: left; | |
| 457 | + padding: 0 10rpx; */ | |
| 458 | +} | |
| 459 | + | |
| 460 | +.zs_wz1_3l { | |
| 461 | + margin-bottom: 10rpx; | |
| 462 | + font-size: 28rpx; | |
| 463 | + height: 70rpx; | |
| 464 | + line-height: 35rpx; | |
| 465 | + /* width: 220rpx; */ | |
| 466 | + overflow: hidden; | |
| 467 | + text-overflow: ellipsis; | |
| 468 | + display: -webkit-box; | |
| 469 | + -webkit-box-orient: vertical; | |
| 470 | + -webkit-line-clamp: 2; | |
| 471 | +} | |
| 472 | + | |
| 473 | +.zs_wz2_3l { | |
| 474 | + margin-bottom: 10rpx; | |
| 475 | + font-size: 26rpx; | |
| 476 | + height: 70rpx; | |
| 477 | + line-height: 30rpx | |
| 478 | +} | |
| 479 | + | |
| 480 | +.zs_wz3_3l { | |
| 481 | + overflow: hidden; | |
| 482 | + text-overflow: ellipsis; | |
| 483 | + margin-bottom: 10rpx; | |
| 484 | + font-size: 30rpx; | |
| 485 | + white-space: nowrap; | |
| 486 | +} | |
| 487 | + | |
| 488 | +.zs_wz4_3l { | |
| 489 | + overflow: hidden; | |
| 490 | + text-overflow: ellipsis; | |
| 491 | + margin-bottom: 10rpx; | |
| 492 | + font-size: 30rpx; | |
| 493 | + white-space: nowrap; | |
| 494 | +} | |
| 495 | + | |
| 496 | +.zs_wz5_3l { | |
| 497 | + overflow: hidden; | |
| 498 | + text-overflow: ellipsis; | |
| 499 | + font-size: 24rpx; | |
| 500 | + white-space: nowrap; | |
| 501 | +} | |
| 502 | + | |
| 503 | +.zs_t1_3l { | |
| 504 | + width: 56rpx; | |
| 505 | + height: 56rpx; | |
| 506 | + position: absolute; | |
| 507 | + left: 10rpx; | |
| 508 | + top: 10rpx; | |
| 509 | +} | |
| 510 | +.zs_t1_x4{ | |
| 511 | + width: 56rpx; | |
| 512 | + height: 56rpx; | |
| 513 | + position: absolute; | |
| 514 | + right: 10rpx; | |
| 515 | + bottom: 10rpx; | |
| 516 | +} | |
| 517 | + | |
| 518 | +.zs_t2_3l { | |
| 519 | + width: 56rpx; | |
| 520 | + height: 56rpx; | |
| 521 | + position: absolute; | |
| 522 | + right: 10rpx; | |
| 523 | + top: 10rpx; | |
| 524 | +} | |
| 525 | + | |
| 526 | +.zs_t3_3l { | |
| 527 | + width: 56rpx; | |
| 528 | + height: 56rpx; | |
| 529 | + position: absolute; | |
| 530 | + left: 10rpx; | |
| 531 | + bottom: 10rpx; | |
| 532 | +} | |
| 533 | + | |
| 534 | +.zs_t4_3l { | |
| 535 | + width: 56rpx; | |
| 536 | + height: 56rpx; | |
| 537 | + position: absolute; | |
| 538 | + right: 10rpx; | |
| 539 | + bottom: 10rpx; | |
| 540 | +} | |
| 541 | + | |
| 542 | +.zs_goods_wai { | |
| 543 | + /* background-color: white; */ | |
| 544 | + padding: 0 20rpx; | |
| 545 | + overflow: hidden; | |
| 546 | + /* margin-top: 10rpx; */ | |
| 547 | +} | |
| 548 | + | |
| 549 | +.rel { | |
| 550 | + position: relative; | |
| 551 | +} | |
| 552 | + | |
| 553 | +.flex { | |
| 554 | + display: flex; | |
| 555 | +} | |
| 556 | + | |
| 557 | +.wrap { | |
| 558 | + flex-wrap: wrap; | |
| 559 | +} | |
| 560 | + | |
| 561 | +.jc-ar { | |
| 562 | + justify-content: space-around; | |
| 563 | +} | |
| 564 | + | |
| 565 | +.fs24 { | |
| 566 | + font-size: 24rpx; | |
| 567 | +} | |
| 568 | + | |
| 569 | +.fs24 { | |
| 570 | + font-size: 22rpx; | |
| 571 | +} | |
| 572 | +.fs35 { | |
| 573 | + font-size: 30rpx; | |
| 574 | +} | |
| 575 | + | |
| 576 | +.fs28{ font-size: 28rpx;} | |
| 577 | + | |
| 578 | +.xc-wc { | |
| 579 | + align-items: center; | |
| 580 | + margin-top: -3rpx; | |
| 581 | +} | |
| 582 | + | |
| 583 | +.price.xc-ash { | |
| 584 | + font-size: 24rpx; | |
| 585 | + color: #999; | |
| 586 | + text-decoration: line-through; | |
| 587 | + margin-top: 8rpx; | |
| 588 | +} | |
| 589 | + | |
| 590 | +.line_th { | |
| 591 | + text-decoration: line-through; | |
| 592 | +} | |
| 593 | + | |
| 594 | +.card_bg { | |
| 595 | + display: flex; | |
| 596 | + padding: 2rpx 10rpx; | |
| 597 | + height: 25rpx; | |
| 598 | + align-items: center; | |
| 599 | + border-radius: 26rpx; | |
| 600 | + font-size: 19rpx; | |
| 601 | + line-height: 25rpx; | |
| 602 | + max-width: 110rpx; | |
| 603 | + background: #333; | |
| 604 | + color: #fff; | |
| 605 | + justify-content: center; | |
| 606 | + margin-left: 8rpx; | |
| 607 | +} | |
| 608 | + | |
| 609 | +.card_bg image { | |
| 610 | + width: 19rpx; | |
| 611 | + height: 19rpx; | |
| 612 | + margin-right: 1rpx; | |
| 613 | +} | |
| 614 | + | |
| 615 | +.card_bg .card_name { | |
| 616 | + max-width: 76rpx; | |
| 617 | + width: auto; | |
| 618 | + overflow: hidden; | |
| 619 | + white-space: nowrap; | |
| 620 | +} | |
| 621 | + | |
| 622 | +.ai-center{align-items: center;} | |
| 623 | + | |
| 624 | +.gr_title_list{ width:95%; margin-left:2.5%} | |
| 625 | +.gr_title_item{ padding:0 10rpx;flex-shrink: 0;flex-grow: 1; text-align: center;} | |
| 626 | + | |
| 627 | + | |
| 628 | +.border_zhijiao{ | |
| 629 | + border:2rpx solid #f0f0f0; | |
| 630 | +} | |
| 631 | +.border_yuanjiao{ | |
| 632 | + border:2rpx solid #f0f0f0; | |
| 633 | + border-radius: 20rpx; | |
| 634 | +} | |
| 635 | +.top { | |
| 636 | + background-color: white; | |
| 637 | + height: 70rpx; | |
| 638 | + line-height: 70rpx; | |
| 639 | + color: #000; | |
| 640 | + border-bottom: 2rpx solid #eee; | |
| 641 | + padding:0rpx 20rpx; | |
| 642 | + display: flex; | |
| 643 | + justify-content: space-between; | |
| 644 | + font-size: 32rpx; | |
| 645 | +} | |
| 646 | + | |
| 647 | +.s_it { | |
| 648 | + width: 100%; | |
| 649 | + display: flex; | |
| 650 | + padding-top: 20rpx; | |
| 651 | + box-sizing: border-box; | |
| 652 | +} | |
| 653 | + | |
| 654 | +.s_prom { | |
| 655 | + width: 100%; | |
| 656 | + /* background-color: white; */ | |
| 657 | +} | |
| 658 | + | |
| 659 | +swiper { | |
| 660 | + display: block; | |
| 661 | +} | |
| 662 | + | |
| 663 | +.right_k { | |
| 664 | + width: 30rpx; | |
| 665 | +} | |
| 666 | +.right_k image{ | |
| 667 | + width: 30rpx; | |
| 668 | + height: 30rpx; | |
| 669 | +} | |
| 670 | + .t_left { | |
| 671 | + width: 10rpx; | |
| 672 | + height: 38rpx; | |
| 673 | + background: #c4182e; | |
| 674 | + margin-right: 10rpx; | |
| 675 | +} | |
| 676 | + | |
| 677 | + | |
| 678 | +.sp { | |
| 679 | + width: 100%; | |
| 680 | + background-color: white; | |
| 681 | + /* padding: 18rpx; */ | |
| 682 | + display: flex; | |
| 683 | +} | |
| 684 | + | |
| 685 | +.sp .sp_top { | |
| 686 | + height: 220rpx; | |
| 687 | + min-width: 30%; | |
| 688 | +} | |
| 689 | + | |
| 690 | +.sp .sp_top .s_img { | |
| 691 | + width: 210rpx; | |
| 692 | + height: 100%; | |
| 693 | +} | |
| 694 | + | |
| 695 | +.sp .sp_top .s_img image { | |
| 696 | + width: 210rpx; | |
| 697 | + height: 100%; | |
| 698 | + position: relative; | |
| 699 | +} | |
| 700 | + | |
| 701 | +.sp .sp_top .s_top_kill { | |
| 702 | + background-color: #c4182e; | |
| 703 | + font-size: 24rpx; | |
| 704 | + height: 38rpx; | |
| 705 | + line-height: 38rpx; | |
| 706 | + left: 6rpx; | |
| 707 | + padding: 4rpx 10rpx; | |
| 708 | + border-radius: 10rpx; | |
| 709 | + z-index: 999; | |
| 710 | + position: relative; | |
| 711 | + top: -6rpx; | |
| 712 | + width: 210rpx; | |
| 713 | + color: #fff; | |
| 714 | + text-align: center; | |
| 715 | +} | |
| 716 | + | |
| 717 | +.po { | |
| 718 | + position: absolute; | |
| 719 | +} | |
| 720 | + | |
| 721 | +.sp .sp_top .s_foot_kill { | |
| 722 | + font-size: 20rpx; | |
| 723 | + position: relative; | |
| 724 | + top: -90rpx; | |
| 725 | + width: 210rpx; | |
| 726 | + height: 38rpx; | |
| 727 | + line-height: 38rpx; | |
| 728 | + color: #fff; | |
| 729 | + text-align: center; | |
| 730 | + background-color: rgba(0, 0, 0, 0.5); | |
| 731 | +} | |
| 732 | + | |
| 733 | +.sp_wz { | |
| 734 | + width: 210rpx; | |
| 735 | +} | |
| 736 | + | |
| 737 | +.sp_wz .sp_wzi { | |
| 738 | + font-size: 30rpx; | |
| 739 | + border-bottom: 2rpx solid #dcdcdc; | |
| 740 | + width: 100%; | |
| 741 | + text-align: left; | |
| 742 | + padding: 4rpx 0; | |
| 743 | + overflow: hidden; | |
| 744 | + height: 48rpx; | |
| 745 | + text-overflow: ellipsis; | |
| 746 | + white-space: nowrap; | |
| 747 | + line-height: 48rpx; | |
| 748 | +} | |
| 749 | + | |
| 750 | +.sp_wz .sp_jg { | |
| 751 | + color: #c4182e; | |
| 752 | + font-size: 30rpx; | |
| 753 | + overflow: hidden; | |
| 754 | + display: inline-block; | |
| 755 | + text-overflow: ellipsis; | |
| 756 | + white-space: nowrap; | |
| 757 | + margin-right: 10rpx; | |
| 758 | +} | |
| 759 | + | |
| 760 | +.sp_wz .sp_jgx { | |
| 761 | + color: #adadad; | |
| 762 | + text-decoration: line-through; | |
| 763 | + font-size: 24rpx; | |
| 764 | + overflow: hidden; | |
| 765 | + display: inline-block; | |
| 766 | + text-overflow: ellipsis; | |
| 767 | + white-space: nowrap; | |
| 768 | +} | |
| 769 | + | |
| 770 | +.one { | |
| 771 | + margin-left: 14rpx; | |
| 772 | + overflow: hidden; | |
| 773 | + background-color: white; | |
| 774 | +} | |
| 775 | + | |
| 776 | +.one.zj{ border: 1rpx solid #eee;} | |
| 777 | +.one.yj{ border: 1rpx solid #eee; border-radius: 18rpx;} | |
| 778 | + | |
| 779 | + | |
| 780 | +.sp .sp_top .s_top1_kill { | |
| 781 | + position: absolute; | |
| 782 | + background-color: #c4182e; | |
| 783 | + font-size: 24rpx; | |
| 784 | + height: 38rpx; | |
| 785 | + line-height: 38rpx; | |
| 786 | + left: 265rpx; | |
| 787 | + top: 100rpx; | |
| 788 | + padding: 0 10rpx; | |
| 789 | + color: white; | |
| 790 | + border-radius: 10rpx; | |
| 791 | +} | |
| 792 | + | |
| 793 | +.sp .sp_top .s_top2_kill { | |
| 794 | + position: absolute; | |
| 795 | + background-color: #c4182e; | |
| 796 | + font-size: 24rpx; | |
| 797 | + height: 38rpx; | |
| 798 | + line-height: 38rpx; | |
| 799 | + right: 146rpx; | |
| 800 | + top: 100rpx; | |
| 801 | + padding: 0 10rpx; | |
| 802 | + color: white; | |
| 803 | + border-radius: 10rpx; | |
| 804 | +} | |
| 805 | + | |
| 806 | +.sp .sp_top .s_foot1_kill { | |
| 807 | + font-size: 20rpx; | |
| 808 | + position: absolute; | |
| 809 | + top: 270rpx; | |
| 810 | + width: 210rpx; | |
| 811 | + height: 38rpx; | |
| 812 | + line-height: 38rpx; | |
| 813 | + color: #fff; | |
| 814 | + text-align: center; | |
| 815 | + background-color: rgba(0, 0, 0, 0.5); | |
| 816 | +} | |
| 817 | + | |
| 818 | +.po1 { | |
| 819 | + position: absolute; | |
| 820 | +} | |
| 821 | + | |
| 822 | +.sp .sp_top .s_foot2_kill { | |
| 823 | + font-size: 20rpx; | |
| 824 | + position: absolute; | |
| 825 | + top: 270rpx; | |
| 826 | + width: 210rpx; | |
| 827 | + height: 38rpx; | |
| 828 | + line-height: 38rpx; | |
| 829 | + color: #fff; | |
| 830 | + text-align: center; | |
| 831 | + background-color: rgba(0, 0, 0, 0.5); | |
| 832 | +} | |
| 833 | + | |
| 834 | +.t_red{ color:red;} | |
| 835 | + | |
| 836 | +.sp .sp_top .s_img image.zs_t3_3l{ | |
| 837 | + width: 56rpx; | |
| 838 | + height: 56rpx; | |
| 839 | + position: absolute; | |
| 840 | + left: 10rpx; | |
| 841 | + bottom: 10rpx; | |
| 842 | +} | |
| 843 | +.sp .sp_top .s_img image.zs_t1_3l{ | |
| 844 | +width: 56rpx; | |
| 845 | +height: 56rpx; | |
| 846 | +position: absolute; | |
| 847 | +left: 10rpx; | |
| 848 | +top: 10rpx; | |
| 849 | +} | |
| 850 | + | |
| 851 | +.sp .sp_top .s_img image.zs_t2_3l{ | |
| 852 | + width: 56rpx; | |
| 853 | + height: 56rpx; | |
| 854 | + position: absolute; | |
| 855 | + right: 10rpx; | |
| 856 | + top: 10rpx; | |
| 857 | + | |
| 858 | +} | |
| 859 | +.sp .sp_top .s_img image.zs_t4_3l{ | |
| 860 | + width: 56rpx; | |
| 861 | + height: 56rpx; | |
| 862 | + position: absolute; | |
| 863 | + right: 10rpx; | |
| 864 | + bottom: 10rpx; | |
| 865 | +} | |
| 866 | + | |
| 867 | +.n_box{ position: absolute !important;z-index: 10} | |
| 868 | + | |
| 869 | +.block { | |
| 870 | + display: block; | |
| 871 | +} | |
| 872 | + | |
| 873 | +.ellipsis-2 { | |
| 874 | + overflow: hidden; | |
| 875 | + text-overflow: ellipsis; | |
| 876 | + display: -webkit-box; | |
| 877 | + -webkit-box-orient: vertical; | |
| 878 | + -webkit-line-clamp: 2; | |
| 879 | +} | |
| 880 | + | |
| 881 | + | |
| 882 | + | |
| 883 | + | |
| 884 | +/* 服务卡项服务标题 */ | |
| 885 | +.pd10 { | |
| 886 | + padding: 10rpx; | |
| 887 | +} | |
| 888 | +.pd20 { | |
| 889 | + padding: 20rpx; | |
| 890 | +} | |
| 891 | +/* .flex-shrink-0 { | |
| 892 | + flex-shrink: 0; | |
| 893 | +} */ | |
| 894 | + | |
| 895 | +.scroll-view-container { | |
| 896 | + /* display: flex; | |
| 897 | + height: 100rpx; */ | |
| 898 | +} | |
| 899 | + | |
| 900 | +.f1 { | |
| 901 | + /* flex: 1; */ | |
| 902 | + /* width: 100%; */ | |
| 903 | + /* word-break: keep-all; */ | |
| 904 | + /* flex-basis: 50%; */ | |
| 905 | +} | |
| 906 | + | |
| 907 | +.scroll-view-item { | |
| 908 | + flex-shrink: 0; | |
| 909 | + border: 2rpx solid #ddd; | |
| 910 | + border-radius: 80rpx; | |
| 911 | + padding: 10rpx 20rpx; | |
| 912 | + margin: 20rpx 10rpx; | |
| 913 | + /* font-size: 28rpx; */ | |
| 914 | + box-sizing: border-box; | |
| 915 | +} | |
| 916 | + | |
| 917 | +.scroll-view-item.active { | |
| 918 | + color: red; | |
| 919 | + border-color: red; | |
| 920 | +} | |
| 921 | + | |
| 922 | + | |
| 923 | +.nav-container { | |
| 924 | + box-sizing: border-box; | |
| 925 | + padding-top: 20rpx; | |
| 926 | + padding-left: 10rpx; | |
| 927 | + padding-right: 10rpx; | |
| 928 | + flex: 1; | |
| 929 | + flex-basis: 50%; | |
| 930 | +} | |
| 931 | + | |
| 932 | +.nav-box { | |
| 933 | + box-sizing: border-box; | |
| 934 | + width: calc(100% / 3); | |
| 935 | + padding: 5rpx; | |
| 936 | +} | |
| 937 | + | |
| 938 | +.nav-box .s1_gk_a1 { | |
| 939 | + /* width: 236rpx; */ | |
| 940 | + /* width: calc(100% / 3); */ | |
| 941 | + /* height: 100px; */ | |
| 942 | + /* background-color: skyblue; | |
| 943 | + margin-top: 15px; */ | |
| 944 | +} | |
| 945 | +.nav-box .s1_gk_a1 { | |
| 946 | + /* margin-left: calc((100% - 236rpx * 3) / 3); */ | |
| 947 | +} | |
| 0 | 948 | \ No newline at end of file | ... | ... |
components/diy_serviceCard/g_filter.wxs
0 → 100644
| 1 | +//获取样式 | |
| 2 | +var get_class = function(column,position) { | |
| 3 | + //--列的情况 | |
| 4 | + if(column==1){ return "zs_t"+position; } | |
| 5 | + //--俩列的情况 | |
| 6 | + if(column==2){ return "zs_t"+position+"_2l"; } | |
| 7 | + //--三列的情况 | |
| 8 | + if(column==3){ return "zs_t"+position+"_3l"; } | |
| 9 | + //----列表的情况----- | |
| 10 | + if(column==4 ){ return "zs_t1_x"+position; } | |
| 11 | + //--滑动的情况 | |
| 12 | + if(column==5){ return "zs_t"+position+"_3l"; } | |
| 13 | +} | |
| 14 | + | |
| 15 | + | |
| 16 | +var g_filters = { | |
| 17 | + //判断边框类型 | |
| 18 | + get_border_type:function(type){ | |
| 19 | + if(!type) type=0; | |
| 20 | + var type=parseInt(type); | |
| 21 | + switch(type){ | |
| 22 | + case 0: return "border_zhijiao"; | |
| 23 | + case 1: return "border_yuanjiao"; | |
| 24 | + } | |
| 25 | + return ""; | |
| 26 | + } | |
| 27 | + | |
| 28 | + //-- 判断是不是有等级价 -- | |
| 29 | + is_has_rank:function(rank_switch,item){ | |
| 30 | + if(!rank_switch) return false; | |
| 31 | + if(item.cardprice1 || item.cardprice2 || item.cardprice3) {return true} | |
| 32 | + return false; | |
| 33 | + }, | |
| 34 | + | |
| 35 | + //-- 判断,不是等级会员时候,要显示的最低等级价和名称 -- | |
| 36 | + get_card_price:function(goods,all_card,type){ | |
| 37 | + var price1=parseFloat(goods['cardprice1']); | |
| 38 | + var price2 = parseFloat(goods['cardprice2']); | |
| 39 | + var price3 = parseFloat(goods['cardprice3']); | |
| 40 | + if(!all_card){ | |
| 41 | + if(type==0) return 0; | |
| 42 | + return ""; | |
| 43 | + } | |
| 44 | + | |
| 45 | + var min_price=null; | |
| 46 | + var min_name=null; | |
| 47 | + //---设置对应的价格名字---- | |
| 48 | + for(var i=0;i<3;i++) { | |
| 49 | + var vl=all_card[i]; | |
| 50 | + if(!vl) continue; | |
| 51 | + if(vl['CorrPrice']=="Price1" && price1>0) | |
| 52 | + { | |
| 53 | + if(min_price==null) { | |
| 54 | + min_price=price1;min_name=vl['CardName']; | |
| 55 | + } | |
| 56 | + else if(price1<min_price) { | |
| 57 | + min_price=price1;min_name=vl['CardName']; | |
| 58 | + } | |
| 59 | + } | |
| 60 | + if(vl['CorrPrice']=="Price2" && price2>0) | |
| 61 | + { | |
| 62 | + if(min_price==null) { | |
| 63 | + min_price=price2;min_name=vl['CardName']; | |
| 64 | + } | |
| 65 | + else if(price2<min_price) { | |
| 66 | + min_price=price2;min_name=vl['CardName']; | |
| 67 | + } | |
| 68 | + } | |
| 69 | + | |
| 70 | + if(vl['CorrPrice']=="Price3" && price3>0) | |
| 71 | + { | |
| 72 | + if(min_price==null) { | |
| 73 | + min_price=price3;min_name=vl['CardName']; | |
| 74 | + } | |
| 75 | + else if(price3<min_price) { | |
| 76 | + min_price=price3;min_name=vl['CardName']; | |
| 77 | + } | |
| 78 | + } | |
| 79 | + | |
| 80 | + } | |
| 81 | + if(min_price==null){ | |
| 82 | + if(type==0) return 0; | |
| 83 | + return ""; | |
| 84 | + } | |
| 85 | + | |
| 86 | + if(type==0) return min_price; | |
| 87 | + if(min_name.length>4 ) min_name=min_name.substring(0, 4); | |
| 88 | + return min_name; | |
| 89 | + }, | |
| 90 | + | |
| 91 | + | |
| 92 | + get_url_by_type: function(item) { | |
| 93 | + var url = ''; | |
| 94 | + if(item.prom_type == 9) { | |
| 95 | + url = '/packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo?goods_id=' + item.goods_id + '&group_id=' + item.prom_id; | |
| 96 | + } | |
| 97 | + else if(item.prom_type==8){ | |
| 98 | + url="/packageC/pages/presell/goodsInfo/goodsInfo?goods_id="+item.goods_id+"&prom_id="+item.prom_id | |
| 99 | + } | |
| 100 | + else { | |
| 101 | + url = '/pages/goods/goodsInfo/goodsInfo?goods_id=' + item.goods_id + '&prom_id=' + item.prom_id + '&prom_type=' + item.prom_type; | |
| 102 | + }; | |
| 103 | + return url; | |
| 104 | + }, | |
| 105 | + | |
| 106 | +} | |
| 107 | + | |
| 108 | + | |
| 109 | +module.exports = { | |
| 110 | + get_class: get_class, | |
| 111 | + is_has_rank:g_filters.is_has_rank, | |
| 112 | + get_card_price:g_filters.get_card_price, | |
| 113 | + get_border_type:g_filters.get_border_type, | |
| 114 | + get_url_by_type: g_filters.get_url_by_type, | |
| 115 | +} | ... | ... |