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 | +} | ... | ... |