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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | +} |