Commit 1dea178009634ff5faf068ee9ad0056a65981a05
1 parent
e1afc493
移到G包
Showing
4 changed files
with
0 additions
and
2382 deletions
pages/team/team_success/team_success.js deleted
1 | -var t = require("../../../utils/util.js"), | ||
2 | - ut = t, | ||
3 | - e = require("../../../utils/common.js"), | ||
4 | - a = require("../../../utils/wxParse/wxParse.js"), | ||
5 | - s = getApp(), | ||
6 | - i = s.request, | ||
7 | - rq = i, | ||
8 | - oo = s.globalData, | ||
9 | - o = s.globalData.setting, | ||
10 | - os = o; | ||
11 | - var regeneratorRuntime = require('../../../utils/runtime.js'); | ||
12 | - | ||
13 | -Page({ | ||
14 | - data: { | ||
15 | - //activity_type:1,//活动类型 商家1 阶梯2 会员3 | ||
16 | - p_status:1,//会员团的详细情况 1是正在行 2是成功 3失败 | ||
17 | - sf_length: 1,//人数大于5 | ||
18 | - | ||
19 | - erweima:false, | ||
20 | - meng:false, | ||
21 | - zk:true, | ||
22 | - stoid: o.stoid, | ||
23 | - hiddenName: true, | ||
24 | - teamlist:null, | ||
25 | - teamgroup:null, | ||
26 | - goods:null,//商品数据 | ||
27 | - pindGoods: null,//拼单数据 | ||
28 | - imageurl: o.imghost, | ||
29 | - pay_f:0,//支付是否成功 | ||
30 | - order_sn:"",//订单编号 | ||
31 | - canvasHidden:false, //画画版 | ||
32 | - screenWidth:0, | ||
33 | - | ||
34 | - pd_xx: 0, //弹框 | ||
35 | - max_num:0,//最低成团人数 | ||
36 | - min_price:0,//最低价格 | ||
37 | - is_show:0,//加载完才显示 | ||
38 | - | ||
39 | - share_img_localpath:"", //分享图片的本地图片 | ||
40 | - share_ewm_localpath: "", //分享的二维码本地图片 | ||
41 | - share_head:"", //分享头像的本地图片 | ||
42 | - | ||
43 | - iurl:os.imghost, | ||
44 | - ct_price:0,//阶梯团成团价格 | ||
45 | - sf_arr:null, | ||
46 | - | ||
47 | - }, | ||
48 | - onLoad: function (t) { | ||
49 | - wx.setNavigationBarTitle({ title: "拼团订单",}) | ||
50 | - var that=this; | ||
51 | - var th=this; | ||
52 | - //获取用户设备信息,屏幕宽度 | ||
53 | - wx.getSystemInfo({ | ||
54 | - success: res => { | ||
55 | - that.setData({ screenWidth: res.screenWidth }) | ||
56 | - } | ||
57 | - }) | ||
58 | - var pay_f = t.payf, order_sn = t.ordersn; | ||
59 | - this.setData({ pay_f: pay_f, order_sn: order_sn}); | ||
60 | - this.init(order_sn); | ||
61 | - | ||
62 | - //-- 自定义海报 -- | ||
63 | - getApp().request.promiseGet("/api/weshop/goods/poster/page",{ | ||
64 | - data:{store_id:os.stoid, type:1, is_use:1 } | ||
65 | - }).then(res=>{ | ||
66 | - if(res.data.code==0 && res.data.data && res.data.data.pageData && res.data.data.pageData[0] ){ | ||
67 | - | ||
68 | - var poster_data=res.data.data.pageData[0]; | ||
69 | - var json_str=poster_data.jsonStr; | ||
70 | - if(json_str){ | ||
71 | - var json_data=JSON.parse(json_str); | ||
72 | - if(json_data.bg_img){ | ||
73 | - | ||
74 | - //-- 把图片那到本地 -- | ||
75 | - wx.getImageInfo({ | ||
76 | - src:json_data.bg_img, | ||
77 | - success: function(res) { | ||
78 | - var path= res.path; | ||
79 | - th.setData({share_b_img:path}) | ||
80 | - }, | ||
81 | - fail: function(res) {} | ||
82 | - }); | ||
83 | - } | ||
84 | - th.setData({poster:json_data}) | ||
85 | - } | ||
86 | - } | ||
87 | - }) | ||
88 | - | ||
89 | - getApp().getConfig(function (e) { | ||
90 | - th.setData({sto_sele_name_1: e.store_name}) | ||
91 | - }) | ||
92 | - }, | ||
93 | - onShow:function () { | ||
94 | - getApp().check_can_share(this); | ||
95 | - }, | ||
96 | - | ||
97 | - //关闭展开列表 | ||
98 | - click:function(e){ | ||
99 | - this.setData({ | ||
100 | - hiddenName: !this.data.hiddenName, | ||
101 | - zk: !this.data.zk, | ||
102 | - }) | ||
103 | - }, | ||
104 | - //打开收起拼团列表 | ||
105 | - czk:function(e){ | ||
106 | - this.setData({ | ||
107 | - zk:!this.data.zk, | ||
108 | - hiddenName: !this.data.hiddenName, | ||
109 | - }) | ||
110 | - }, | ||
111 | - //打开蒙板提示 | ||
112 | - cmeng:function(e){ | ||
113 | - this.setData({ | ||
114 | - meng:!this.data.meng, | ||
115 | - }) | ||
116 | - }, | ||
117 | - | ||
118 | - //关闭蒙板提示 | ||
119 | - cmc:function(e){ | ||
120 | - this.setData({ | ||
121 | - meng: !this.data.meng, | ||
122 | - }) | ||
123 | - }, | ||
124 | -//打开二维码提示 | ||
125 | - cerweima:function(e){ | ||
126 | - this.setData({ | ||
127 | - meng: !this.data.meng, | ||
128 | - erweima: !this.data.erweima, | ||
129 | - }) | ||
130 | - }, | ||
131 | - | ||
132 | - cerc:function(e){ | ||
133 | - this.setData({ | ||
134 | - erweima: !this.data.erweima, | ||
135 | - meng: !this.data.meng, | ||
136 | - }) | ||
137 | - }, | ||
138 | - | ||
139 | - async init( order_sn) { | ||
140 | - | ||
141 | - wx.showLoading(); | ||
142 | - | ||
143 | - var goods_id = 0,//商品ID, | ||
144 | - pageteam=null,// | ||
145 | - original_img=null ,//商品图片 | ||
146 | - order=null,//订单编号 | ||
147 | - id = 0,//团购id | ||
148 | - pt_listno = "",//团编号 | ||
149 | - pt_prom_id = 0, //活动id | ||
150 | - ee = this, | ||
151 | - team_id = 0,//活动id | ||
152 | - ordertx=[],//头像图片 | ||
153 | - share_img=null,//分享图片 | ||
154 | - teamlist=null,//活动表 | ||
155 | - goods=null,//商品 | ||
156 | - teamgroup=null,//活動从表 | ||
157 | - max_num=0,//最低价格时的成团人数 | ||
158 | - p_status=1; | ||
159 | - | ||
160 | - //--如果商家团的时候--- | ||
161 | - await getApp().request.promisePost("/api/weshop/order/pay/vipAutoTuan", { | ||
162 | - data: {orderSn:order_sn,storeId:os.stoid } | ||
163 | - }) | ||
164 | - | ||
165 | - //获取order信息根据订单编号order_sn | ||
166 | - await getApp().request.promiseGet("/api/weshop/order/page", { | ||
167 | - data: { store_id: o.stoid, order_sn: order_sn,} | ||
168 | - }).then(res => { | ||
169 | - order = res.data.data.pageData[0]; | ||
170 | - pt_prom_id = order.pt_prom_id; | ||
171 | - pt_listno = order.pt_listno; | ||
172 | - }) | ||
173 | - | ||
174 | - | ||
175 | - | ||
176 | - if (this.data.payf || order.pt_status == 3) p_status = 3; //失败 | ||
177 | - if (order.pt_status == 2 || order.pt_status == 4 || order.pt_status == 5) | ||
178 | - p_status = 2; //成功 | ||
179 | - if (order.pt_status < 2 && !this.data.payf) | ||
180 | - p_status = 1; //正在进行 | ||
181 | - if ( order.pt_status == 6) p_status = 4; //支付尾款失败 | ||
182 | - | ||
183 | - var team_g=null; | ||
184 | - if(pt_listno) { | ||
185 | - //多少人参团头像 | ||
186 | - await getApp().request.promiseGet("/api/weshop/order/pagePtList", { | ||
187 | - data: {store_id: o.stoid, pt_listno: pt_listno,} | ||
188 | - }).then(res => { | ||
189 | - ordertx = res.data.data.pageData; | ||
190 | - }) | ||
191 | - | ||
192 | - //获取teamgroup中的值 | ||
193 | - await getApp().request.promiseGet("/api/weshop/teamgroup/page", { | ||
194 | - data: { store_id: os.stoid, listno: pt_listno,pageSize:1,page:1} | ||
195 | - }).then(res => { | ||
196 | - team_g = res.data.data.pageData[0] | ||
197 | - }) | ||
198 | - } | ||
199 | - | ||
200 | - | ||
201 | - var min_price=0; | ||
202 | - //获取活动表的信息根据活动pt_prom_id | ||
203 | - await getApp().request.promiseGet("/api/weshop/teamlist/get/" + os.stoid + "/" + pt_prom_id, { | ||
204 | - data: { } | ||
205 | - }).then(res => { | ||
206 | - if(res.data.code==0){ | ||
207 | - teamlist=res.data.data; | ||
208 | - this.setData({ | ||
209 | - teamlist:teamlist | ||
210 | - }); | ||
211 | - var nt =ut.gettimestamp(); | ||
212 | - teamlist.status=0; | ||
213 | - | ||
214 | - if (nt >= teamlist.start_time) teamlist.status = 1; | ||
215 | - goods_id = res.data.data.goods_id; | ||
216 | - id = res.data.data.id; | ||
217 | - share_img = ee.data.imageurl + res.data.data.share_imgurl; | ||
218 | - | ||
219 | - //----------查看阶梯团------------ | ||
220 | - if (teamlist.ct_rylist != "" && teamlist.ct_rylist != null && teamlist.ct_rylist != undefined){ | ||
221 | - var ct_rylist = JSON.parse(teamlist.ct_rylist); | ||
222 | - var max=0; var pri=0; | ||
223 | - ct_rylist.forEach(function (val,ind) { | ||
224 | - if(parseInt(val.rynum)>parseInt(max)){ | ||
225 | - max=val.rynum; | ||
226 | - pri = val.price; | ||
227 | - } | ||
228 | - }) | ||
229 | - max_num=max; | ||
230 | - min_price=pri; | ||
231 | - } | ||
232 | - | ||
233 | - } | ||
234 | - //获取商品信息 | ||
235 | - getApp().request.promiseGet("/api/weshop/goods/get/" + os.stoid + "/" + goods_id, { | ||
236 | - }).then(res => { | ||
237 | - //商品地址 | ||
238 | - original_img = ee.data.imageurl+ res.data.data.original_img, | ||
239 | - goods = res.data.data | ||
240 | - ee.setData({goods: goods,image: original_img,}) | ||
241 | - }) | ||
242 | - | ||
243 | - }) | ||
244 | - | ||
245 | - if(ordertx && ordertx.length){ | ||
246 | - //只装5个 | ||
247 | - var ordertx2=[],sf_num=0,ct_nun=teamlist.ct_num; | ||
248 | - if(max_num && !team_g.is_xuni_ct){ | ||
249 | - ct_nun=parseInt(max_num); | ||
250 | - if (ct_nun < ordertx.length) ct_nun = ordertx.length; | ||
251 | - } | ||
252 | - | ||
253 | - if(ct_nun>5) ct_nun=5; | ||
254 | - for(var i=0;i<ct_nun;i++){ | ||
255 | - if (i >= ordertx.length) sf_num++ | ||
256 | - else | ||
257 | - ordertx2.push(ordertx[i]); | ||
258 | - } | ||
259 | - } | ||
260 | - | ||
261 | - | ||
262 | - | ||
263 | - | ||
264 | - var head=[]; | ||
265 | - if(team_g.is_xuni_ct) { | ||
266 | - head=team_g.xuni_head_id.split(","); | ||
267 | - order.is_xuni_ct=1; | ||
268 | - | ||
269 | - this.setData({head:head,}); | ||
270 | - } | ||
271 | - | ||
272 | - | ||
273 | - var sf_arr=[]; | ||
274 | - for (var i=0;i<sf_num;i++){ | ||
275 | - if(team_g.is_xuni_ct){ | ||
276 | - sf_arr.push(head[i]); | ||
277 | - }else{ | ||
278 | - sf_arr.push(i); | ||
279 | - } | ||
280 | - } | ||
281 | - | ||
282 | - | ||
283 | - | ||
284 | - | ||
285 | - //获取活动从表信息team_id:305暂时 | ||
286 | - await getApp().request.promiseGet("/api/weshop/teamgroup/page" , { | ||
287 | - data: { store_id: os.stoid, listno: pt_listno, team_id: pt_prom_id } | ||
288 | - }).then(res => { | ||
289 | - teamgroup = res.data.data.pageData[0]; | ||
290 | - if (teamgroup){ | ||
291 | - var buy_start_date = ut.formatTime(teamgroup.buy_start_date, "yyyy-MM-dd hh:mm:ss"); | ||
292 | - teamgroup.buy_start_date=buy_start_date; | ||
293 | - } | ||
294 | - }) | ||
295 | - | ||
296 | - | ||
297 | - var ct_price = 0; | ||
298 | - var num_0 = ordertx?ordertx.length:0; | ||
299 | - if (teamlist.kttype == 3){ | ||
300 | - var js_data = JSON.parse(teamlist.ct_rylist); | ||
301 | - js_data.forEach(function (val,ind) { | ||
302 | - if (num_0<=val.rynum && ct_price==0){ | ||
303 | - ct_price=val.price; | ||
304 | - } | ||
305 | - }) | ||
306 | - if(ct_price==0) ct_price=min_price; | ||
307 | - } | ||
308 | - | ||
309 | - //获取大家都在团信息 | ||
310 | - getApp().request.promiseGet("/api/weshop/teamlist/pageteam/1?store_id="+ os.stoid +"&is_end=0&is_show=1" , { | ||
311 | - data:{page:1,pageSize:2} | ||
312 | - }).then(res => { | ||
313 | - if(res.data.code==0 && res.data.data && res.data.data.pageData && res.data.data.pageData.length>0){ | ||
314 | - pageteam = res.data.data.pageData; | ||
315 | - ee.setData({pageteam: pageteam,}) | ||
316 | - } | ||
317 | - | ||
318 | - }) | ||
319 | - | ||
320 | - if(!teamlist.virtual) teamlist.virtual=0; | ||
321 | - | ||
322 | - //--当是成团的时候的操作-- | ||
323 | - if(order.pt_status==2 || order.pt_status==4 || order.pt_status==5){ | ||
324 | - //设置值 | ||
325 | - | ||
326 | - ee.setData({ | ||
327 | - ordertx2: ordertx2, ordertx: ordertx, teamlist: teamlist, teamgroup: teamgroup, min_price: min_price, | ||
328 | - order: order, share_img: share_img,max_num:max_num, | ||
329 | - pindGoods: teamlist,is_show:1, zk:false, | ||
330 | - hiddenName: false, ct_price:ct_price,p_status:p_status,sf_arr:sf_arr}); | ||
331 | - | ||
332 | - //--是否支付了尾款-- | ||
333 | - if(order.pt_status==4 || order.pt_status==5){ | ||
334 | - ee.setData({is_pay_wk:1}); | ||
335 | - } | ||
336 | - }else{ | ||
337 | - //设置值 | ||
338 | - ee.setData({ | ||
339 | - ordertx2: ordertx2, ordertx: ordertx, teamlist: teamlist, teamgroup: teamgroup, | ||
340 | - order: order, p_status: p_status, min_price:min_price, | ||
341 | - share_img: share_img, max_num: max_num, pindGoods: teamlist, is_show: 1, | ||
342 | - ct_price: ct_price, p_status: p_status,sf_arr:sf_arr}); | ||
343 | - } | ||
344 | - | ||
345 | - wx.hideLoading(); | ||
346 | - | ||
347 | - wx.setNavigationBarTitle({ | ||
348 | - title: "拼团详情", | ||
349 | - }) | ||
350 | - | ||
351 | - ee.countDown2(); | ||
352 | - | ||
353 | - //获取分享图片的本地地址 | ||
354 | - var path2 = os.imghost + teamlist.share_imgurl; | ||
355 | - wx.getImageInfo({ | ||
356 | - src: path2, | ||
357 | - success: function (res) { | ||
358 | - //res.path是网络图片的本地地址 | ||
359 | - ee.data.share_img_localpath = res.path; | ||
360 | - }, | ||
361 | - fail: function (res) { | ||
362 | - //失败回调 | ||
363 | - } | ||
364 | - }); | ||
365 | - | ||
366 | - | ||
367 | - }, | ||
368 | - //---小于10的格式化函数---- | ||
369 | - timeFormat(param) { | ||
370 | - return param < 10 ? '0' + param : param; | ||
371 | - }, | ||
372 | - countDown2() { | ||
373 | - var th = this; | ||
374 | - // 获取当前时间,同时得到活动结束时间数组 | ||
375 | - var newTime = ut.gettimestamp(); | ||
376 | - var o = this.data.teamgroup; | ||
377 | - if(!o) return false; | ||
378 | - | ||
379 | - var endTime = o.kt_end_time; | ||
380 | - if (o.status == 0) endTime = o.start_time; | ||
381 | - | ||
382 | - //看一下,是否要支付尾款 | ||
383 | - if(o.team_type==3 && th.data.order.pt_status==2){ | ||
384 | - endTime = o.wk_end_time; | ||
385 | - } | ||
386 | - | ||
387 | - let obj = null; | ||
388 | - // 如果活动未结束,对时间进行处理 | ||
389 | - if (endTime - newTime > 0) { | ||
390 | - let time = (endTime - newTime); | ||
391 | - // 获取天、时、分、秒 | ||
392 | - let day = parseInt(time / (60 * 60 * 24)); | ||
393 | - let hou = parseInt(time % (60 * 60 * 24) / 3600); | ||
394 | - let min = parseInt(time % (60 * 60 * 24) % 3600 / 60); | ||
395 | - let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60); | ||
396 | - obj = { | ||
397 | - day: this.timeFormat(day), | ||
398 | - hou: this.timeFormat(hou), | ||
399 | - min: this.timeFormat(min), | ||
400 | - sec: this.timeFormat(sec) | ||
401 | - } | ||
402 | - } else { | ||
403 | - //活动已结束,全部设置为'00' | ||
404 | - obj = { | ||
405 | - day: '00', | ||
406 | - hou: '00', | ||
407 | - min: '00', | ||
408 | - sec: '00' | ||
409 | - } | ||
410 | - } | ||
411 | - var txt = "pindGoods.djs"; | ||
412 | - th.setData({ | ||
413 | - obj: obj | ||
414 | - }); | ||
415 | - setTimeout(th.countDown2, 1000); | ||
416 | - }, | ||
417 | - | ||
418 | - //--定义的保存图片方法,分享团--- | ||
419 | - saveImageToPhotosAlbum: function () { | ||
420 | - //类型 0普通商品 1秒杀商品 2商家和会员团 3阶梯团 | ||
421 | - var type=1; | ||
422 | - if(this.data.teamlist.kttype==3) type=2; | ||
423 | - | ||
424 | - wx.showLoading({ title: '生成中...', }) | ||
425 | - var that = this, th = that; | ||
426 | - //设置画板显示,才能开始绘图 | ||
427 | - that.setData({ | ||
428 | - canvasHidden: true, | ||
429 | - }) | ||
430 | - | ||
431 | - if(this.data.share_hidden) { | ||
432 | - this.setData({ | ||
433 | - share_hidden: false, | ||
434 | - }); | ||
435 | - }; | ||
436 | - | ||
437 | - var app = getApp(); | ||
438 | - var unit = that.data.screenWidth / 750 * 1.35; | ||
439 | - var scene=th.data.teamgroup.id; | ||
440 | - var goods_id=th.data.teamlist.goods_id; | ||
441 | - var user_id=getApp().globalData.user_id?getApp().globalData.user_id:0; | ||
442 | - if(user_id>0){ | ||
443 | - scene+="_"+user_id; | ||
444 | - } | ||
445 | - if(goods_id !==""){ | ||
446 | - scene+="_"+goods_id; | ||
447 | - } | ||
448 | - | ||
449 | - //二微码 | ||
450 | - var path3 = os.url+ "/api/wx/open/app/user/getWeAppEwm/"+ | ||
451 | - os.stoid+"?sceneValue="+scene+"&pageValue=pages/team/team_show/team_show"; | ||
452 | - | ||
453 | - console.log(path3,6000); | ||
454 | - | ||
455 | - //读取文件成功则OK-- | ||
456 | - wx.getImageInfo({ | ||
457 | - src: path3, | ||
458 | - success:function (res) { | ||
459 | - console.log(res,5000); | ||
460 | - //回调写法 | ||
461 | - th.get_head_temp(th.get_goods_temp,function () { | ||
462 | - var vpath = res.path; | ||
463 | - var context = wx.createCanvasContext('share'); | ||
464 | - | ||
465 | - | ||
466 | - //先画背景 | ||
467 | - var pg_path = "../../../images/share/share_bg.png"; | ||
468 | - //-- 如果有自定义海报的时候,判断背景的图片 -- | ||
469 | - if(th.data.share_b_img){ | ||
470 | - pg_path=th.data.share_b_img; | ||
471 | - } | ||
472 | - | ||
473 | - var share_title=th.data.teamlist.share_title; | ||
474 | - if(!share_title) | ||
475 | - share_title=th.data.teamlist.title; | ||
476 | - | ||
477 | - if (!th.data.share_b_img){ // 如果是普通商品,绘制新海报 | ||
478 | - th.drawPoster(context, unit, th.data.share_img_localpath, vpath, type); | ||
479 | - } else { | ||
480 | - context.drawImage(pg_path, 0, 0, 554 * unit, 899 * unit); | ||
481 | - //-- 是自定义海报的情况下 -- | ||
482 | - if(th.data.poster && parseInt(th.data.poster.style)==2){ | ||
483 | - //在线上分享人的情况下 | ||
484 | - if(parseInt(th.data.poster.show_headpic)){ | ||
485 | - //获取坐标 | ||
486 | - var x=parseFloat(th.data.poster.head_x)*2; | ||
487 | - var y=parseFloat(th.data.poster.head_y)*2; | ||
488 | - var x1=(x+90) *unit; | ||
489 | - var y1=(y+50) *unit; | ||
490 | - //--昵称--- | ||
491 | - context.setFontSize(24 * unit) | ||
492 | - context.setFillStyle("black") | ||
493 | - context.fillText(app.globalData.userInfo.nickname, x1, y1); | ||
494 | - var width = 24 * app.globalData.userInfo.nickname.length * unit + 4 * unit; | ||
495 | - //强烈推荐 改许程 | ||
496 | - var tj_path = "../../../images/share/q_tj.png"; | ||
497 | - context.drawImage(tj_path, x1 + width, y1-22*unit, 85 * unit, 30 * unit); | ||
498 | - context.setFontSize(16 * unit) | ||
499 | - context.setLineJoin('round'); //交点设置成圆角 | ||
500 | - context.setFillStyle("white") | ||
501 | - context.fillText('强烈推荐', x1 + width+8*unit, y1-1*unit); | ||
502 | - } | ||
503 | - | ||
504 | - }else{ | ||
505 | - //--昵称--- | ||
506 | - context.setFontSize(24 * unit) | ||
507 | - context.setFillStyle("black") | ||
508 | - context.fillText(app.globalData.userInfo.nickname, 152 * unit, 76 * unit); | ||
509 | - var width = 24 * app.globalData.userInfo.nickname.length * unit + 2 * unit; | ||
510 | - //强烈推荐 | ||
511 | - var tj_path = "../../../images/share/q_tj.png"; | ||
512 | - context.drawImage(tj_path, 152 * unit + width, 54 * unit, 110 * unit, 30 * unit); | ||
513 | - context.setFontSize(18 * unit) | ||
514 | - context.setFillStyle("white") | ||
515 | - context.fillText('强烈推荐', 152 * unit + width + 20 * unit, 76 * unit); | ||
516 | - } | ||
517 | - | ||
518 | - | ||
519 | - //---产品名称--- | ||
520 | - context.setFontSize(21.3 * unit); | ||
521 | - context.setFillStyle("black"); | ||
522 | - | ||
523 | - | ||
524 | - getApp().draw_Text(context,share_title, | ||
525 | - 38 * unit, 180 * unit, 200 * unit, 279 * unit, unit); | ||
526 | - //------产品的价格------- | ||
527 | - context.setFontSize(24 * unit) | ||
528 | - context.setFillStyle("red") | ||
529 | - | ||
530 | - var pri0 = th.data.teamlist.price; | ||
531 | - pri0=parseFloat(pri0).toFixed(2); | ||
532 | - var wd1=th.data.screenWidth-ut.measureText(pri0, 31 * unit)-25; | ||
533 | - context.fillText("¥", wd1-15, 180 * unit); | ||
534 | - context.setFontSize(31 * unit) | ||
535 | - context.fillText(pri0, wd1, 180 * unit); | ||
536 | - | ||
537 | - //---市场价划掉--- | ||
538 | - context.setFillStyle("gray") | ||
539 | - context.setFontSize(22 * unit) | ||
540 | - pri0= "¥" + parseFloat(th.data.goods.market_price).toFixed(2); | ||
541 | - var wd2=th.data.screenWidth-ut.measureText(pri0, 22 * unit)-25; | ||
542 | - context.fillText(pri0, wd2, 210 * unit); | ||
543 | - | ||
544 | - context.setStrokeStyle('gray') | ||
545 | - context.setLineWidth(1 * unit) | ||
546 | - context.moveTo(wd2-5, 204 * unit) | ||
547 | - context.lineTo(wd2+ut.measureText(pri0, 22 * unit)+5, 204 * unit) | ||
548 | - context.stroke(); | ||
549 | - console.log(th.data.share_img_localpath); | ||
550 | - | ||
551 | - | ||
552 | - //---中间大图--- | ||
553 | - context.drawImage(th.data.share_img_localpath, 68 * unit, 242 * unit, 410 * unit, 410 * unit); | ||
554 | - | ||
555 | - var g_ct=th.data.teamlist.ct_num-th.data.ordertx.length; | ||
556 | - var wz= ""; | ||
557 | - if(g_ct>0) wz="还差"+g_ct+"人成团,"; | ||
558 | - else{ | ||
559 | - g_ct= th.data.max_num -th.data.ordertx.length; | ||
560 | - if(g_ct>0){ | ||
561 | - wz="还差"+g_ct+"人享最低优惠,"; | ||
562 | - }else{ | ||
563 | - wz="已享受最优惠,"; | ||
564 | - } | ||
565 | - } | ||
566 | - | ||
567 | - //-------大图后面就不一样了----------- | ||
568 | - switch (type) { | ||
569 | - case 1://会员团和商家团的展示 | ||
570 | - //---画线--- | ||
571 | - context.setLineWidth(1 * unit) | ||
572 | - context.moveTo(32 * unit, 670 * unit) | ||
573 | - context.lineTo(520 * unit, 670 * unit) | ||
574 | - context.stroke(); | ||
575 | - | ||
576 | - //---文字--- | ||
577 | - context.setFontSize(22 * unit) | ||
578 | - context.setFillStyle("black") | ||
579 | - context.fillText("好物拼起来,拼拼更划算", 40 * unit, 726 * unit); | ||
580 | - | ||
581 | - //绘制成团图片 | ||
582 | - var ct_img ="../../../images/share/ct_num.png"; | ||
583 | - context.drawImage(ct_img, 40 * unit, 740 * unit, 120 * unit, 30 * unit); | ||
584 | - var ct_num = th.data.teamlist.ct_num; | ||
585 | - context.setFontSize(14 * unit) | ||
586 | - | ||
587 | - context.setFillStyle("red") | ||
588 | - if(ct_num<10){ | ||
589 | - context.fillText(ct_num+"人拼团", 92 * unit, 760 * unit); | ||
590 | - }else{ | ||
591 | - context.fillText(ct_num+"人拼团", 86 * unit, 760 * unit); | ||
592 | - } | ||
593 | - context.setFontSize(22 * unit) | ||
594 | - context.fillText("已拼"+th.data.teamlist.buy_num+"份", 166 * unit, 763 * unit); | ||
595 | - context.setFillStyle("gray") | ||
596 | - context.fillText(wz+"快来和我一起拼团吧!", 40 * unit, 826 * unit); | ||
597 | - context.setFillStyle("black") | ||
598 | - | ||
599 | - context.setFontSize(22 * unit) | ||
600 | - context.fillText("长按识别二维码,立即参团", 40 * unit, 856 * unit); | ||
601 | - //---二维吗图--- | ||
602 | - //-- 自定义海报 -- | ||
603 | - if(th.data.poster){ | ||
604 | - var erm_x= parseFloat(th.data.poster.ewm_x)*2; | ||
605 | - var erm_y= parseFloat(th.data.poster.ewm_y)*2; | ||
606 | - context.drawImage(vpath, erm_x * unit, erm_y * unit, 120 * unit, 120 * unit); | ||
607 | - }else{ | ||
608 | - //---二维吗图--- | ||
609 | - context.drawImage(vpath, 420 * unit, 726 * unit, 120 * unit, 120 * unit); | ||
610 | - } | ||
611 | - break | ||
612 | - case 2://阶梯团的展示 | ||
613 | - //---画线--- | ||
614 | - context.setLineWidth(1 * unit) | ||
615 | - context.moveTo(32 * unit, 670 * unit) | ||
616 | - context.lineTo(520 * unit, 670 * unit) | ||
617 | - context.stroke(); | ||
618 | - //---文字--- | ||
619 | - context.setFontSize(22 * unit) | ||
620 | - context.setFillStyle("black") | ||
621 | - context.fillText("好物拼起来,拼拼更划算", 40 * unit, 726 * unit); | ||
622 | - //---绘制中间阶梯的价格--- | ||
623 | - var list= JSON.parse(th.data.teamlist.ct_rylist); | ||
624 | - for(var i=0; i<list.length;i++){ | ||
625 | - var item=list[i]; | ||
626 | - var wi=i*90*unit; | ||
627 | - context.setFontSize(16 * unit) | ||
628 | - context.setFillStyle("red") | ||
629 | - context.fillText("¥", 40 * unit+wi, 756 * unit); | ||
630 | - context.setFontSize(22 * unit) | ||
631 | - var pri=parseFloat(item.price).toFixed(2); | ||
632 | - context.fillText(pri, 56 * unit+wi, 756 * unit); | ||
633 | - context.setFillStyle("gray") | ||
634 | - context.fillText("满"+item.rynum+"人", 40 * unit+wi, 786 * unit); | ||
635 | - } | ||
636 | - | ||
637 | - //----------------下面部分---------------- | ||
638 | - context.setFillStyle("gray") | ||
639 | - context.fillText(wz+"快来和我一起拼团吧!", 40 * unit, 830 * unit); | ||
640 | - context.setFillStyle("black") | ||
641 | - context.setFontSize(22 * unit) | ||
642 | - | ||
643 | - context.fillText("长按识别二维码,立即参团", 40 * unit, 860 * unit); | ||
644 | - //---二维吗图--- | ||
645 | - //-- 自定义海报 -- | ||
646 | - if(th.data.poster){ | ||
647 | - var erm_x= parseFloat(th.data.poster.ewm_x)*2; | ||
648 | - var erm_y= parseFloat(th.data.poster.ewm_y)*2; | ||
649 | - context.drawImage(vpath, erm_x * unit, erm_y * unit, 120 * unit, 120 * unit); | ||
650 | - }else{ | ||
651 | - //---二维吗图--- | ||
652 | - context.drawImage(vpath, 420 * unit, 726 * unit, 120 * unit, 120 * unit); | ||
653 | - } | ||
654 | - break | ||
655 | - } | ||
656 | - | ||
657 | - //--- 如果是自定义海报的时候 --- | ||
658 | - if(th.data.poster && parseInt(th.data.poster.style)==2){ | ||
659 | - | ||
660 | - //如果显示会员信息的话 | ||
661 | - if(parseInt(th.data.poster.show_headpic)){ | ||
662 | - //获取坐标 | ||
663 | - var x= parseFloat(th.data.poster.head_x)*2; | ||
664 | - var y=parseFloat(th.data.poster.head_y)*2; | ||
665 | - //---绘制圆形要放在最后---- | ||
666 | - context.save(); | ||
667 | - context.beginPath(); | ||
668 | - var h_x = x* unit; | ||
669 | - var h_y = y * unit; | ||
670 | - var h_r = 40 * unit; | ||
671 | - var cx = h_x + h_r; | ||
672 | - var cy = h_y + h_r; | ||
673 | - context.arc(cx, cy, h_r, 0, Math.PI * 2, false); | ||
674 | - context.closePath(); | ||
675 | - context.fill(); | ||
676 | - context.clip(); | ||
677 | - context.drawImage(th.data.share_head, h_x, h_y, h_r * 2, h_r * 2); | ||
678 | - context.restore(); | ||
679 | - } | ||
680 | - | ||
681 | - }else{ | ||
682 | - //---绘制圆形要放在最后---- | ||
683 | - context.save(); | ||
684 | - context.beginPath(); | ||
685 | - var h_x = 60 * unit; | ||
686 | - var h_y = 24 * unit; | ||
687 | - var h_r = 40 * unit; | ||
688 | - var cx = h_x + h_r; | ||
689 | - var cy = h_y + h_r; | ||
690 | - context.arc(cx, cy, h_r, 0, Math.PI * 2, false); | ||
691 | - context.closePath(); | ||
692 | - context.fill(); | ||
693 | - context.clip(); | ||
694 | - context.drawImage(th.data.share_head, h_x, h_y, h_r * 2, h_r * 2); | ||
695 | - context.restore(); | ||
696 | - } | ||
697 | - } | ||
698 | - | ||
699 | - //把画板内容绘制成图片,并回调 画板图片路径 | ||
700 | - context.draw(false, function () { | ||
701 | - setTimeout(function () { | ||
702 | - wx.canvasToTempFilePath({ | ||
703 | - x: 0, y: 0, | ||
704 | - width: 750, | ||
705 | - height: 1217, | ||
706 | - destWidth: 750 * 750 / that.data.screenWidth, | ||
707 | - destHeight: 1217 * 750 / that.data.screenWidth, | ||
708 | - canvasId: 'share', | ||
709 | - success: function (res) { | ||
710 | - | ||
711 | - that.setData({ | ||
712 | - shareImgPath: res.tempFilePath, canvasHidden: false, | ||
713 | - }) | ||
714 | - if (!res.tempFilePath) { | ||
715 | - wx.showModal({ | ||
716 | - title: '提示', | ||
717 | - content: '图片绘制中,请稍后重试', | ||
718 | - showCancel: false | ||
719 | - }) | ||
720 | - return false; | ||
721 | - } | ||
722 | - | ||
723 | - // wx.previewImage({ | ||
724 | - // //将图片预览出来 | ||
725 | - // urls: [that.data.shareImgPath] | ||
726 | - // }); | ||
727 | - | ||
728 | - that.setData({ | ||
729 | - showPoster: true, | ||
730 | - }); | ||
731 | - | ||
732 | - wx.hideLoading(); | ||
733 | - } | ||
734 | - }) | ||
735 | - },500) | ||
736 | - }); | ||
737 | - }); | ||
738 | - } | ||
739 | - }); | ||
740 | - }, | ||
741 | - | ||
742 | - | ||
743 | - | ||
744 | - //c点击打开拼团弹窗 | ||
745 | - cpd: function() { | ||
746 | - console.log("heheh"); | ||
747 | - this.setData({ pd_xx: 1,}) | ||
748 | - }, | ||
749 | - | ||
750 | - //点击关闭拼团弹窗 | ||
751 | - close_pt_xx: function() { | ||
752 | - this.setData({ pd_xx: 0, }) | ||
753 | - }, | ||
754 | - | ||
755 | - go_goodsinfo:function (e) { | ||
756 | - var gid=e.currentTarget.dataset.gid; | ||
757 | - var url="/pages/goods/goodsInfo/goodsInfo?goods_id="+gid; | ||
758 | - wx.navigateTo({ url: url, }) //跳到非tabbar页 | ||
759 | - }, | ||
760 | - | ||
761 | - gohome:function () { | ||
762 | - getApp().goto("/pages/index/index/index"); | ||
763 | - }, | ||
764 | - | ||
765 | - //--获取头像的本地缓存,回调写法-- | ||
766 | - get_head_temp:function (tt,func) { | ||
767 | - var ee=this; | ||
768 | - if(ee.data.share_head){ | ||
769 | - tt(func); | ||
770 | - return false; | ||
771 | - } | ||
772 | - //---获取分享图片的本地地址,头像和商品图片---- | ||
773 | - var path2 = getApp().globalData.userInfo.head_pic; | ||
774 | - if(path2==""){ | ||
775 | - ee.data.share_head ="../../../images/share/hui_hear_pic.png"; | ||
776 | - tt(func); | ||
777 | - }else { | ||
778 | - path2=path2.replace("http://thirdwx.qlogo.cn","https://wx.qlogo.cn"); | ||
779 | - path2=path2.replace("https://thirdwx.qlogo.cn","https://wx.qlogo.cn"); | ||
780 | - wx.getImageInfo({ | ||
781 | - src: path2, | ||
782 | - success: function (res) { | ||
783 | - //res.path是网络图片的本地地址 | ||
784 | - ee.data.share_head = res.path; | ||
785 | - tt(func);; | ||
786 | - }, | ||
787 | - fail: function (res) { | ||
788 | - ee.data.share_head = "../../../images/share/hui_hear_pic.png"; //分享的图片不能用网络的 | ||
789 | - tt(func); | ||
790 | - } | ||
791 | - }); | ||
792 | - } | ||
793 | - }, | ||
794 | - | ||
795 | - //--获取商品图片的本地缓存,回调写法-- | ||
796 | - get_goods_temp:function (tt) { | ||
797 | - var ee=this; | ||
798 | - if(ee.data.share_img_localpath) { | ||
799 | - tt(); | ||
800 | - return false; | ||
801 | - } | ||
802 | - var path2 = os.imghost + ee.data.teamlist.share_imgurl; | ||
803 | - //获取商品是分享图信息 | ||
804 | - wx.getImageInfo({ | ||
805 | - src: path2, | ||
806 | - success: function (res) { | ||
807 | - //res.path是网络图片的本地地址 | ||
808 | - ee.data.share_img_localpath = res.path; | ||
809 | - tt(); | ||
810 | - }, | ||
811 | - fail: function (res) { | ||
812 | - //获取默认空白图 | ||
813 | - wx.getImageInfo({ | ||
814 | - src: os.imghost+'/miniapp/images/default_g_img.gif', | ||
815 | - success: function(res) { | ||
816 | - ee.data.share_img_localpath = res.path; //分享的图片不能用网络的 | ||
817 | - tt(); | ||
818 | - } | ||
819 | - }) | ||
820 | - } | ||
821 | - }); | ||
822 | - }, | ||
823 | - | ||
824 | - go_pay_wk:function(){ | ||
825 | - var url = "/packageE/pages/cart/cart_wk/cart_wk?order_id=" + this.data.order.order_id; | ||
826 | - getApp().goto(url); | ||
827 | - }, | ||
828 | - | ||
829 | - img_show_err:function(e){ | ||
830 | - var err_img = e.currentTarget.dataset.err; | ||
831 | - var ob={}; | ||
832 | - ob[err_img] = this.data.iurl + "/miniapp/images/default_g_img.gif"; | ||
833 | - this.setData(ob); | ||
834 | - | ||
835 | - }, | ||
836 | - | ||
837 | - //------ 分享配置 -------- | ||
838 | - onShareAppMessage: function (e) { | ||
839 | - getApp().globalData.no_clear=1; | ||
840 | - var th=this; | ||
841 | - var scene=this.data.teamgroup.id; | ||
842 | - var goods_id=this.data.teamlist.goods_id; | ||
843 | - var url="/pages/team/team_show/team_show?tg_id="+scene+"&goods_id="+goods_id; | ||
844 | - //--分享图片-- | ||
845 | - var img=th.data.iurl+th.data.teamlist.share_imgurl; | ||
846 | - //--把会员分享出去-- | ||
847 | - if(getApp().globalData.user_id){ | ||
848 | - if(url.indexOf("?")>0) | ||
849 | - url+="&first_leader="+getApp().globalData.user_id; | ||
850 | - else | ||
851 | - url+="?first_leader="+getApp().globalData.user_id; | ||
852 | - } | ||
853 | - // console.log('url+++++>>>>>', url, th.data.teamlist.title); | ||
854 | - | ||
855 | - var share_title=th.data.teamlist.title; | ||
856 | - if(th.data.teamlist.share_title){ | ||
857 | - share_title=th.data.teamlist.share_title; | ||
858 | - } | ||
859 | - return { | ||
860 | - path:url, | ||
861 | - title: share_title, | ||
862 | - imageUrl: img, | ||
863 | - } | ||
864 | - }, | ||
865 | - | ||
866 | - clickShare() { | ||
867 | - if(!getApp().globalData.user_id){ | ||
868 | - getApp().goto("/packageE/pages/togoin/togoin"); | ||
869 | - return false; | ||
870 | - } | ||
871 | - this.setData({ | ||
872 | - share_hidden: true, | ||
873 | - }); | ||
874 | - }, | ||
875 | - | ||
876 | - send() { | ||
877 | - this.setData({ | ||
878 | - share_hidden:false, | ||
879 | - }); | ||
880 | - }, | ||
881 | - | ||
882 | - cancel() { | ||
883 | - this.setData({ | ||
884 | - share_hidden:false, | ||
885 | - }); | ||
886 | - }, | ||
887 | - | ||
888 | - | ||
889 | - closePoster() { | ||
890 | - this.setData({ | ||
891 | - showPoster: false, | ||
892 | - }); | ||
893 | - }, | ||
894 | - | ||
895 | - | ||
896 | - // 保存图片到手机 | ||
897 | - savePic() { | ||
898 | - console.log('保存图片'); | ||
899 | - getApp().savePic(this); | ||
900 | - | ||
901 | - }, | ||
902 | - | ||
903 | - //-- 先版绘制 -- | ||
904 | - drawPoster(context, unit, img, vpath, type) { | ||
905 | - | ||
906 | - var self=this; | ||
907 | - self.data.prom_act=this.data.teamlist; | ||
908 | - | ||
909 | - // 1.灰色背景 | ||
910 | - context.setFillStyle('#f2f1f6'); | ||
911 | - context.rect(0, 0, 554 * unit, 899 * unit); | ||
912 | - context.fill(); | ||
913 | - | ||
914 | - // 2.商城名称 | ||
915 | - let shopName = this.data.sto_sele_name_1; | ||
916 | - context.setTextAlign('center'); | ||
917 | - context.setFontSize(26 * unit); | ||
918 | - context.setFillStyle('black'); | ||
919 | - context.fillText(shopName, 277 * unit, 60 * unit); | ||
920 | - | ||
921 | - // 3.推荐来源 | ||
922 | - let fromText = `来自${getApp().globalData.userInfo.nickname}的推荐`; | ||
923 | - context.setTextAlign('center'); | ||
924 | - context.setFontSize(22 * unit); | ||
925 | - context.setFillStyle('#96959a'); | ||
926 | - context.fillText(fromText, 277 * unit, 105 * unit); | ||
927 | - | ||
928 | - // 4.海报背景 | ||
929 | - context.setFillStyle('white'); | ||
930 | - context.fillRect(37 * unit, 157 * unit, 480 * unit, 673 * unit); | ||
931 | - | ||
932 | - // 5.商品图片 | ||
933 | - // 图片的x坐标 | ||
934 | - let bg_x = 37 * unit | ||
935 | - // 图片的y坐标 | ||
936 | - let bg_y = 157 * unit | ||
937 | - // 图片宽度 | ||
938 | - let bg_w = 480 * unit | ||
939 | - // 图片高度 | ||
940 | - let bg_h = 474 * unit | ||
941 | - // 图片圆角 | ||
942 | - let bg_r = 4 | ||
943 | - // 绘制海报背景图片圆角 | ||
944 | - context.save() | ||
945 | - context.beginPath() | ||
946 | - context.arc(bg_x + bg_r, bg_y + bg_r, bg_r, Math.PI, Math.PI * 1.5) | ||
947 | - context.arc(bg_x + bg_w - bg_r, bg_y + bg_r, bg_r, Math.PI * 1.5, Math.PI * 2) | ||
948 | - context.arc(bg_x + bg_w, bg_y + bg_h, bg_r, 0, Math.PI * 0.5) | ||
949 | - context.arc(bg_x, bg_y + bg_h, 0, Math.PI * 0.5, Math.PI) | ||
950 | - context.clip() | ||
951 | - context.drawImage(img, bg_x, bg_y, bg_w, bg_h); | ||
952 | - context.restore(); | ||
953 | - | ||
954 | - // 6.强烈推荐 | ||
955 | - let src = ''; | ||
956 | - context.beginPath(); | ||
957 | - | ||
958 | - | ||
959 | - if (type == 1) { // 商家和会员团 | ||
960 | - src = '../../../images/share/ct_num.png'; | ||
961 | - context.drawImage(src, 54 * unit, 648 * unit, 120 * unit, 30 * unit); | ||
962 | - context.setTextAlign('left'); | ||
963 | - | ||
964 | - let ct_num = self.data.prom_act.ct_num; | ||
965 | - context.setFontSize(16 * unit) | ||
966 | - context.font = 'normal'; | ||
967 | - context.setFillStyle("red") | ||
968 | - if (ct_num < 10) { | ||
969 | - context.fillText(ct_num + "人拼团", 100 * unit, 670 * unit); | ||
970 | - } else { | ||
971 | - context.fillText(ct_num + "人拼团", 96 * unit, 670 * unit); | ||
972 | - } | ||
973 | - context.setFontSize(22 * unit) | ||
974 | - context.fillText("已拼" + self.data.prom_act.buy_num + "份", 186 * unit, 672 * unit); | ||
975 | - } | ||
976 | - | ||
977 | - if (type == 2) { // 阶梯团 | ||
978 | - let list = self.data.prom_act.ct_rylist; | ||
979 | - if(ut.isString(list)){ | ||
980 | - list=JSON.parse(list); | ||
981 | - } | ||
982 | - | ||
983 | - for (let i = 0; i < list.length; i++) { | ||
984 | - let item = list[i]; | ||
985 | - let wi = i * 90 * unit; | ||
986 | - context.font = 'normal'; | ||
987 | - context.setTextAlign('left'); | ||
988 | - context.setFontSize(16 * unit) | ||
989 | - context.setFillStyle("red") | ||
990 | - context.fillText("¥", 50 * unit + wi, 680 * unit); | ||
991 | - context.setFontSize(22 * unit) | ||
992 | - let pri = parseFloat(item.price).toFixed(2); | ||
993 | - context.fillText(pri, 66 * unit + wi, 680 * unit); | ||
994 | - | ||
995 | - | ||
996 | - context.setFillStyle("gray") | ||
997 | - context.fillText("满" + item.rynum + "人", 50 * unit + wi, 716 * unit); | ||
998 | - } | ||
999 | - | ||
1000 | - | ||
1001 | - var wp= 52 * unit; | ||
1002 | - var hp=755 * unit | ||
1003 | - self.draw_pos_price(context,wp,hp,self.data.goods.market_price,unit); | ||
1004 | - } | ||
1005 | - | ||
1006 | - | ||
1007 | - // 8.商品标题 | ||
1008 | - context.setFontSize(20 * unit); | ||
1009 | - context.setFillStyle('#898989'); | ||
1010 | - getApp().draw_Text(context, this.data.goods.goods_name, 54 * unit, 800 * unit, 240 * unit, 280 * unit, unit, 1); | ||
1011 | - // 9.小程序码 | ||
1012 | - context.drawImage(vpath, 375 * unit, 660 * unit, 120 * unit, 120 * unit); | ||
1013 | - context.setFontSize(16 * unit); | ||
1014 | - context.setFillStyle('#777'); | ||
1015 | - context.fillText('长按识别二维码', 378 * unit, 810 * unit); | ||
1016 | - | ||
1017 | - // 10.竖线 | ||
1018 | - context.beginPath(); | ||
1019 | - context.setFillStyle('#eee'); | ||
1020 | - context.rect(354 * unit, 670 * unit, 1 * unit, 130 * unit); | ||
1021 | - context.fill(); | ||
1022 | - }, | ||
1023 | - | ||
1024 | - | ||
1025 | - //---市场价划掉--- | ||
1026 | - draw_pos_price(context, w, h, market_price, unit) { | ||
1027 | - | ||
1028 | - if (!this.data.sys_switch) return false; | ||
1029 | - if (!this.data.sys_switch.is_retail_price) return false; | ||
1030 | - | ||
1031 | - context.setFillStyle("gray") | ||
1032 | - context.setFontSize(22 * unit) | ||
1033 | - var pri0 = "¥" + market_price.toFixed(2); | ||
1034 | - context.fillText(pri0, w, h); | ||
1035 | - | ||
1036 | - var c_h = h - 6; | ||
1037 | - context.setStrokeStyle('gray'); | ||
1038 | - context.setLineWidth(1 * unit); | ||
1039 | - context.moveTo(w - 5, c_h); | ||
1040 | - context.lineTo(w + ut.measureText(pri0, 22 * unit) + 5, c_h); | ||
1041 | - context.stroke(); | ||
1042 | - | ||
1043 | - }, | ||
1044 | - | ||
1045 | - | ||
1046 | - | ||
1047 | - | ||
1048 | - | ||
1049 | -}) | ||
1050 | - |
pages/team/team_success/team_success.json deleted
1 | -{ | ||
2 | - "windom": { | ||
3 | - "navigationBarTitleText": "拼团订单", | ||
4 | - "backgroundTextStyle": "light", | ||
5 | - "navigationBarTextStyle": "white", | ||
6 | - "navigationBarBackgroundColor": "#ffffff", | ||
7 | - "backgroundColor": "#eeeeee" | ||
8 | - }, | ||
9 | - "usingComponents": { | ||
10 | - "share": "/components/share/share" | ||
11 | - } | ||
12 | -} | ||
13 | \ No newline at end of file | 0 | \ No newline at end of file |
pages/team/team_success/team_success.wxml deleted
1 | -<wxs module="filters" src="../../../utils/filter.wxs"></wxs> | ||
2 | -<!---- //文字"--> | ||
3 | -<view wx:if="{{is_show}}"> | ||
4 | - | ||
5 | - <view class='center'> | ||
6 | - <view class='cenleft'> | ||
7 | - <image src='{{image}}' binderror='img_show_err' data-err="image"></image> | ||
8 | - </view> | ||
9 | - <view class='cenright'> | ||
10 | - <!----//图片区域----> | ||
11 | - <view class='cenrt'> | ||
12 | - <view class='xc-goods-details ellipsis-2 fs30'> | ||
13 | - {{goods.goods_name}} | ||
14 | - </view> | ||
15 | - </view> | ||
16 | - <view class='cenrcen flex-vertical-between'> | ||
17 | - <view> | ||
18 | - <view class="fs40 xc-wc" style='font-size:40rpx'> | ||
19 | - <span class="fs28 xc-rmbs" style="font-weight:500;">¥</span>{{teamlist.price}}</view> | ||
20 | - <view class="fs22 word-line xc-wc" style="width:172rpx;"> | ||
21 | - ¥{{goods.shop_price}} | ||
22 | - </view> | ||
23 | - </view> | ||
24 | - <view class="xc-wc fs24"> | ||
25 | - <view> | ||
26 | - <view class="">已拼{{teamlist.buy_num+teamlist.virtual}}件</view> | ||
27 | - <view class="flex xc-valframe t-c"> | ||
28 | - <view class="xc-frame-img"> | ||
29 | - <image class="picture" src="{{iurl}}/miniapp/images/bai-ren.png"></image> | ||
30 | - </view> | ||
31 | - <view class="xc-people-val"> | ||
32 | - {{teamlist.ct_num}}人拼 | ||
33 | - </view> | ||
34 | - </view> | ||
35 | - </view> | ||
36 | - </view> | ||
37 | - </view> | ||
38 | - </view> | ||
39 | - <view class='clear'></view> | ||
40 | - </view> | ||
41 | - <!----以上商品显示完成----> | ||
42 | - | ||
43 | - | ||
44 | - <view class='body'> | ||
45 | - <!-- 阶梯团 --> | ||
46 | - <view class='bodytop' wx:if="{{teamlist.kttype==3&& p_status==1}}"> | ||
47 | - 当前价格 | ||
48 | - <text class="xc-wc">¥{{ct_price}}</text>, | ||
49 | - <block wx:if="{{max_num-ordertx.length>0}}"> | ||
50 | - <text class="xc-wc">还差{{max_num-ordertx.length}}</text>人享受最低价格<text class="xc-wc">¥{{min_price}}</text> | ||
51 | - </block> | ||
52 | - <block wx:else> | ||
53 | - 该团已经拼购到最低价了哦~ | ||
54 | - </block> | ||
55 | - </view> | ||
56 | - <!-- 拼团成功 --> | ||
57 | - <view class="xc-ptcomplete-ladder flex-level fs28" wx:if="{{teamlist.kttype==3&&p_status==2}}"> | ||
58 | - <view class="xc-wc">拼团成功</view>,当前价格 | ||
59 | - <text class="xc-wc">¥{{ct_price}}</text> | ||
60 | - <view class="xc-img-frame oh"> | ||
61 | - <image class="img" src="{{iurl}}/miniapp/images/xc_qtcg.png"></image> | ||
62 | - </view> | ||
63 | - </view> | ||
64 | - | ||
65 | - <view style="height: 20rpx" wx:if="{{teamlist.kttype==3&&p_status==4}}"></view> | ||
66 | - | ||
67 | - | ||
68 | - <!-- 阶梯团失败 --> | ||
69 | - <view class=".xc-fail-ladder flex-level fs28" wx:if="{{pay_f==1 || order.pt_status==3}}"> | ||
70 | - <view class="xc-wc">拼团失败</view> | ||
71 | - <view class="xc-img-frame oh" > | ||
72 | - <image class="img" src="{{iurl}}/miniapp/images/xc-qtshibai.png"></image> | ||
73 | - </view> | ||
74 | - </view> | ||
75 | - | ||
76 | - <!-- 会员团和商家团 --> | ||
77 | - <view class='bodytop' wx:if="{{(teamlist.kttype==2 || teamlist.kttype==1) && p_status==1}}"> | ||
78 | - 还差 | ||
79 | - <text class="xc-wc">{{teamlist.ct_num-ordertx.length}}</text>人成团,组团成功为您节省 | ||
80 | - <text class="xc-wc">{{filters.toFix(goods.market_price-teamlist.price,2)}}</text>元 | ||
81 | - </view> | ||
82 | - <!-- 拼团成功 --> | ||
83 | - <view class="xc-ptcomplete flex-level fs28" wx:if="{{p_status==2 && (teamlist.kttype==2||teamlist.kttype==1)}}"> | ||
84 | - <view class="xc-wc">拼团成功</view>,为您节省 | ||
85 | - <text class="xc-wc">{{filters.toFix(goods.market_price-teamlist.price,2)}}</text>元 | ||
86 | - <view class="xc-img-frame oh"> | ||
87 | - <image class="img" src="{{iurl}}/miniapp/images/xc_qtcg.png"></image> | ||
88 | - </view> | ||
89 | - </view> | ||
90 | - | ||
91 | - <!----//// //头像----> | ||
92 | - <view class="flex_tou"> | ||
93 | - <view class='bodyimg flex-level'> | ||
94 | - <view class='d' wx:for="{{ordertx2}}" wx:key> | ||
95 | - <image src='{{item.head_pic}}'></image> | ||
96 | - <span wx:if="{{item.is_pt_tz==1}}">团长</span> | ||
97 | - </view> | ||
98 | - <view class='d' wx:for="{{sf_arr}}"> | ||
99 | - <image wx:if="{{teamgroup.is_xuni_ct}}" src='{{iurl}}/miniapp/images/anonymous/anonymous{{item}}.png'></image> | ||
100 | - <image wx:else src='{{iurl}}/miniapp/images/shafa.png'></image> | ||
101 | - </view> | ||
102 | - | ||
103 | - <view class='xc-ellipsis-img flex-vertical' wx:if="{{ordertx.length>5}}"> | ||
104 | - <image class="pictures " src="{{iurl}}/miniapp/images/xc_ellipsis.png"></image> | ||
105 | - </view> | ||
106 | - </view> | ||
107 | - </view> | ||
108 | - | ||
109 | - <view class='bodytime'> | ||
110 | - <!----/ //旁边直线----> | ||
111 | - <view class='bodytimeleft'> | ||
112 | - <view class='xian'></view> | ||
113 | - </view> | ||
114 | - | ||
115 | - <!-- 阶梯团 开始--> | ||
116 | - <view class='bodytimecen' wx:if='{{p_status==1}}'> | ||
117 | - 剩余 | ||
118 | - | ||
119 | - <span>{{obj.hou}}</span>: | ||
120 | - <span>{{obj.hou}}</span>: | ||
121 | - <span>{{obj.min}}</span>: | ||
122 | - <span>{{obj.sec}}</span>结束 | ||
123 | - </view> | ||
124 | - | ||
125 | - <!-- 阶梯团 成功--> | ||
126 | - <view class='bodytimecen-success' wx:if='{{teamlist.kttype==3&&p_status==2 && is_pay_wk!=1}}'> | ||
127 | - 剩余支付时间: | ||
128 | - | ||
129 | - <span>{{obj.hou}}</span>时 | ||
130 | - <span>{{obj.min}}</span>分 | ||
131 | - <span>{{obj.sec}}</span>秒 | ||
132 | - </view> | ||
133 | - | ||
134 | - <view class='bodytimecen-success' wx:if='{{teamlist.kttype==3&&p_status==4 }}'> | ||
135 | - 拼团已结束 | ||
136 | - </view> | ||
137 | - | ||
138 | - <!-- </block> --> | ||
139 | - <!-- 阶梯团失败 --> | ||
140 | - <view class='bodytimecen' wx:if='{{p_status==3}}'> | ||
141 | - 还差 | ||
142 | - <text class="xc-wc">{{teamlist.ct_num-ordertx.length}}</text>人参团, 拼团失败。 | ||
143 | - </view> | ||
144 | - <!-- 会员团 --> | ||
145 | - <view class='bodytimecen' wx:if='{{(teamlist.kttype==1 || teamlist.kttype==2) && p_status==2}}'> | ||
146 | - 已经有 | ||
147 | - <text class="xc-wc">{{ordertx.length>teamlist.ct_num?ordertx.length:teamlist.ct_num}}</text>人参团, 拼团成功。 | ||
148 | - </view> | ||
149 | - | ||
150 | - <!----//旁边直线----> | ||
151 | - <view class='bodytimeright'> | ||
152 | - <view class='xian'></view> | ||
153 | - </view> | ||
154 | - </view> | ||
155 | - | ||
156 | - <!-- 阶梯团 --> | ||
157 | - <view class='fs30 xc-green' wx:if='{{teamlist.kttype==3&&p_status==2}}'> | ||
158 | - 拼团成功, 规定时间内支付尾款即发货 | ||
159 | - </view> | ||
160 | - <view class="xc-wc fs30 t-c xc-onclik" wx:if="{{p_status==1}}"> | ||
161 | - 点击下方按钮分享给小伙伴,可快速成团! | ||
162 | - </view> | ||
163 | - | ||
164 | - <!-- <block wx:if="{{pay_f!=1 && order.pt_status<2}}"> --> | ||
165 | - <!----/ // // // //按钮----> | ||
166 | - | ||
167 | - <view wx:if="{{teamlist.kttype==3}}" class='bodybutton'> | ||
168 | - <!-- 阶梯团 --> | ||
169 | - <button wx:if="{{p_status==1 && isLogin}}" bindtap="clickShare" style='background-color:#fab55a; color:#fff'> | ||
170 | - <!-- <button wx:if="{{p_status==1}}" bindtap="clickShare" bindtap='cmeng' style='background-color:#fab55a; color:#fff'> --> | ||
171 | - 邀请好友参团 | ||
172 | - </button> | ||
173 | - <button bindtap="go_pay_wk" style='background-color:#42c780;' wx:if="{{order.pt_status==2 && order.is_zsorder==4 }}"> | ||
174 | - 支付尾款 | ||
175 | - </button> | ||
176 | - </view> | ||
177 | - <!-- <view wx:elif="{{teamlist.ct_num-ordertx.length>0}}" class='' bindtap='cmeng'> --> | ||
178 | - | ||
179 | - <!--会员团 商家团--> | ||
180 | - <button class="bodybutton" style='background-color:#fab55a; color:#fff' bindtap='clickShare' | ||
181 | - wx:if="{{(teamlist.kttype==2||teamlist.kttype==1)&&p_status==1 && isLogin}}">邀请好友参团</button> | ||
182 | - | ||
183 | - <!-- </view> --> | ||
184 | - <!-- </block> --> | ||
185 | - <view class="xc-home-page-frame"> | ||
186 | - <button class="xc-home-page" bindtap='gohome'> 返回首页</button> | ||
187 | - </view> | ||
188 | - | ||
189 | - <view class='zspan' hidden="{{hiddenName}}" bindtap='click'>查看拼团列表 | ||
190 | - <view class='down-arrow1'></view> | ||
191 | - </view> | ||
192 | - | ||
193 | - </view> | ||
194 | - | ||
195 | - <!---/ // // // // //展开拼团列表----> | ||
196 | - <view class='bodyfoot'> | ||
197 | - <view class='bodyselect' wx:if="{{zk}}" bindtap='czk'> | ||
198 | - <span>查看拼团列表 | ||
199 | - <view class='down-arrow'></view> | ||
200 | - </span> | ||
201 | - </view> | ||
202 | - | ||
203 | - <view class='zhangxi' hidden="{{hiddenName}}" wx:for="{{ordertx}}" wx:for-index="ky"> | ||
204 | - <view class='img rel'> | ||
205 | - <view class="xc-list" wx:if="{{item.is_pt_tz}}"> | ||
206 | - <span>团长</span> | ||
207 | - </view> | ||
208 | - <image src='{{item.head_pic}}'></image>{{item.nickname}} | ||
209 | - </view> | ||
210 | - <!-- <view class='zssj' wx:if="{{teamlist.kttype==1}}">{{item.add_time_date}}参团</view> --> | ||
211 | - <view class='zssj' wx:if="{{ky==0 &&teamlist.kttype!=1}}">{{item.add_time_date}} | ||
212 | - <text>开团</text> | ||
213 | - </view> | ||
214 | - <view class='zssj' wx:else>{{item.add_time_date}} 参团</view> | ||
215 | - <view class="clear"></view> | ||
216 | - </view> | ||
217 | - | ||
218 | - | ||
219 | - <view class='zhangxi' hidden="{{hiddenName}}" wx:for="{{head}}" > | ||
220 | - <view class='img rel'> | ||
221 | - <image src='{{iurl}}/miniapp/images/anonymous/anonymous{{item}}.png'></image>匿名 | ||
222 | - </view> | ||
223 | - <view class='zssj'>{{filters.format_time(teamgroup.buyenddate,1)}} 参团</view> | ||
224 | - <view class="clear"></view> | ||
225 | - </view> | ||
226 | - | ||
227 | - | ||
228 | - <view class='clear'></view> | ||
229 | - </view> | ||
230 | - <view class='clear'></view> | ||
231 | - | ||
232 | - <!----//大家都在团----> | ||
233 | - <view class='goodslist'> | ||
234 | - <view class='goodslisttop'> | ||
235 | - <!-- <view class='goodslistspan fs24'>大家都在团</view> --> | ||
236 | - <!-- 推荐商品 --> | ||
237 | - <view class="flex-center rel xc-linellae-frame"> | ||
238 | - <view class="xc-linellae"></view> | ||
239 | - <view class="abs flex-center xc-recommend-frame "> | ||
240 | - <image class=" xc-recommend" src="{{iurl}}/miniapp/images/diamond.png"> | ||
241 | - </image> | ||
242 | - <view class="xc-recommend-word">大家都在团</view> | ||
243 | - </view> | ||
244 | - </view> | ||
245 | - <view class='goodslisttopright'></view> | ||
246 | - </view> | ||
247 | - <view class="changxin"> | ||
248 | - <view class='onegoods' wx:for="{{pageteam}}" wx:key="{{index}}" bindtap="go_goodsinfo" data-gid="{{item.goods_id}}"> | ||
249 | - <view class='onegoodsimg'> | ||
250 | - <image src="{{imageurl+item.share_imgurl}}"></image> | ||
251 | - </view> | ||
252 | - <view class="xc-buttmo-frame"> | ||
253 | - <view class='onegoodsdesc '> | ||
254 | - | ||
255 | - <view class='price flex-vertical-between'> | ||
256 | - <view class='jgleft fs32 flex-center xc-wc'> | ||
257 | - <view class="xc-ping xc-wc fs26 t-c">拼</view> | ||
258 | - <text class="fs20"style='height:39rpx;margin-right:5rpx;margin-left:15rpx;' >¥</text>{{item.price}} | ||
259 | - </view> | ||
260 | - <view class='jgright'>{{item.ct_num}} | ||
261 | - <span>人参团</span> | ||
262 | - </view> | ||
263 | - </view> | ||
264 | - </view> | ||
265 | - <view class="xc-shuoming ellipsis-2 fs26"> | ||
266 | - <text>{{item.goods_name}}</text> | ||
267 | - </view> | ||
268 | - </view> | ||
269 | - </view> | ||
270 | - </view> | ||
271 | - </view> | ||
272 | -</view> | ||
273 | - | ||
274 | -<!----蒙板----> | ||
275 | -<!-- <view class='mtop' wx:if="{{meng}}"> | ||
276 | - <view wx:if="{{teamlist.kttype==3}}" class='mt1'> | ||
277 | - <block wx:if="{{max_num-ordertx.length>0}}"> | ||
278 | - 还差 | ||
279 | - <span class='mts'>{{max_num-ordertx.length}}</span>人,邀请好友参团吧 | ||
280 | - <span class='mcou' bindtap='cmc'>⊗</span> | ||
281 | - </block> | ||
282 | - <block wx:else> | ||
283 | - 您已经可以享受最低价,邀请好友参团吧 | ||
284 | - <span class='mcou' bindtap='cmc'>⊗</span> | ||
285 | - </block> | ||
286 | - </view> | ||
287 | - <view wx:else> | ||
288 | - 还差 | ||
289 | - <span class='mts'>{{teamlist.ct_num-ordertx.length}}</span>人,邀请好友参团吧 | ||
290 | - <span class='mcou' bindtap='cmc'>⊗</span> | ||
291 | - </view> | ||
292 | - <view>点击分享,发送给 | ||
293 | - <span class='mts'>朋友</span>和 | ||
294 | - <span class='mts'>朋友圈</span> | ||
295 | - </view> --> | ||
296 | - <!--底部--> | ||
297 | - <!-- <view class='mfoot' bindtap='saveImageToPhotosAlbum'> | ||
298 | - <button class='mbtn'>查看分享二维码</button> | ||
299 | - </view> | ||
300 | -</view> --> | ||
301 | - | ||
302 | - | ||
303 | -<!--二维码显示页面--> | ||
304 | -<canvas canvas-id='share' style='width:750rpx;height:1217rpx;' wx:if='{{canvasHidden}}'></canvas> | ||
305 | -<!--拼团玩法弹出框--> | ||
306 | -<!----弹起的----> | ||
307 | -<block wx:if="{{pd_xx}}"> | ||
308 | - <view class="bview"></view> | ||
309 | - <view class="juzhong"> | ||
310 | - <view class="xq"> | ||
311 | - <view class="title" bindtap="close_pt_xx">拼团玩法介绍 | ||
312 | - <image src="{{iurl}}/miniapp/images/gbi.png" class="close"></image> | ||
313 | - </view> | ||
314 | - <view>1.开团: | ||
315 | - <text class="hs1">选择心仪商品,点击“发起X人团”按钮,付款后即为开团成功;</text> | ||
316 | - </view> | ||
317 | - <view>2.参团: | ||
318 | - <text class="hs1">进入朋友分享的页面,点击“立即参团”按钮,付款后即为参团成功,若多人同时支付,支付成功时间较早的人获得参团资格;</text> | ||
319 | - </view> | ||
320 | - <view>3.成团: | ||
321 | - <text class="hs1">在开团或参团成功后,点击“邀请小伙伴参团”将页面分享给好友,在有效时间内凑齐人数即为成团,此时商家会开始发货;</text> | ||
322 | - </view> | ||
323 | - <view>4.组团失败: | ||
324 | - <text class="hs1">在有效时间内未凑齐人数,即为组团失败,此时付款项会原路退回到支付账户;</text> | ||
325 | - </view> | ||
326 | - <view>5. | ||
327 | - <text class="hs1">组团有效期间内,拼购商品订单不允许取消。 </text> | ||
328 | - </view> | ||
329 | - </view> | ||
330 | - </view> | ||
331 | -</block> | ||
332 | - | ||
333 | -<!-- 分享控件,底部弹出 --> | ||
334 | -<share id="share_button" bind:send="send" bind:cancel="cancel" bind:share_img="saveImageToPhotosAlbum" wx:if="{{share_hidden}}"></share> | ||
335 | - | ||
336 | - | ||
337 | -<view wx:if="{{showPoster}}"> | ||
338 | - <view class="mask" catchtap="closePoster"></view> | ||
339 | - <view class="poster-container"> | ||
340 | - <view class="poster-wrapper"> | ||
341 | - <view class="poster"> | ||
342 | - <!-- <view class="poster" bindtap="previewImage"> --> | ||
343 | - <image src="{{shareImgPath}}" class="poster-img" show-menu-by-longpress></image> | ||
344 | - <view class="btn-close" catchtap="closePoster"><text class="iconfont icon-close"></text></view> | ||
345 | - </view> | ||
346 | - <view class="btn-container"> | ||
347 | - <!--<button class="btn-share" open-type="share" bindtap="">微信好友分享</button>--> | ||
348 | - <button class="btn-share" bindtap="savePic">保存到相册</button> | ||
349 | - </view> | ||
350 | - </view> | ||
351 | - </view> | ||
352 | -</view> | ||
353 | - | ||
354 | - | ||
355 | - |
pages/team/team_success/team_success.wxss deleted
1 | -page{ | ||
2 | - background-color:#eee; | ||
3 | -} | ||
4 | -.top{ | ||
5 | - background-color:rgb(216, 230, 220); | ||
6 | - color: rgb(98, 155, 13); | ||
7 | - text-align: center; | ||
8 | - height:120rpx; | ||
9 | - width: 100%; | ||
10 | - padding-top:24rpx; | ||
11 | -} | ||
12 | - | ||
13 | -.center{ | ||
14 | - height: 240rpx; | ||
15 | - width: 100%; | ||
16 | - position: relative; | ||
17 | - background:#fff; | ||
18 | -} | ||
19 | - | ||
20 | -.cenleft{ | ||
21 | - width: 240rpx; | ||
22 | - height: 100%; | ||
23 | - | ||
24 | - float: left; | ||
25 | - display:flex; | ||
26 | - justify-content: center; | ||
27 | - align-items: center; | ||
28 | -} | ||
29 | - | ||
30 | -.cenleft image{ | ||
31 | - background-color:white ; | ||
32 | - width: 200rpx; | ||
33 | - height: 200rpx; | ||
34 | - | ||
35 | -} | ||
36 | - | ||
37 | - | ||
38 | -.cenrt{ | ||
39 | - width: 460rpx; margin-top: 10rpx; | ||
40 | -} | ||
41 | - | ||
42 | -.cenright{ | ||
43 | - height: 100%; | ||
44 | - width: 460rpx; | ||
45 | - | ||
46 | - float: left; | ||
47 | -} | ||
48 | - | ||
49 | -.cenrtop{ | ||
50 | - margin-top: 10rpx; | ||
51 | - background-color: red; | ||
52 | - color: white; | ||
53 | - border-radius:10rpx; | ||
54 | - padding-left: 16rpx; | ||
55 | - width: 140rpx; | ||
56 | - font-size: 32rpx; | ||
57 | - float: left; | ||
58 | - height: 40rpx; | ||
59 | -} | ||
60 | - | ||
61 | -.cenrtoptitle{ | ||
62 | - float: left; | ||
63 | - width: 295rpx; | ||
64 | - height: 40rpx; | ||
65 | - margin-left: 12rpx; | ||
66 | - font-size: 28rpx; | ||
67 | - margin-top:12rpx; | ||
68 | -} | ||
69 | - | ||
70 | -.cenrtoptitle>span{ | ||
71 | - width: 100%; | ||
72 | - display: inline-block; | ||
73 | - overflow:hidden; | ||
74 | - text-overflow:ellipsis; | ||
75 | - white-space:nowrap | ||
76 | -} | ||
77 | - | ||
78 | -.cenrcen{ | ||
79 | - height: 70rpx; | ||
80 | - margin-top: 35rpx; | ||
81 | - width:474rpx; | ||
82 | -} | ||
83 | -.jg{ font-size: 40rpx; | ||
84 | - margin-right: 30rpx;} | ||
85 | -.jgx{ | ||
86 | - font-size: 28rpx; | ||
87 | - color: #777; | ||
88 | - text-decoration:line-through; | ||
89 | - margin-left: 20rpx; | ||
90 | -} | ||
91 | - | ||
92 | -.cenrfoot{ | ||
93 | - align-content: center; | ||
94 | - text-align: center; | ||
95 | - border: 2rpx solid red; | ||
96 | - border-radius:10rpx; | ||
97 | - color: red; | ||
98 | - float: left; | ||
99 | - font-size: 24rpx; | ||
100 | - padding: 4rpx 16rpx; | ||
101 | -} | ||
102 | - | ||
103 | -.body{ | ||
104 | - background-color: white; | ||
105 | - /* min-height:418rpx; */ | ||
106 | - width: 100%; | ||
107 | - margin-top: 4rpx; | ||
108 | - border-top:5rpx solid #eee; | ||
109 | - height: auto; | ||
110 | -} | ||
111 | - | ||
112 | -.bodytop{ | ||
113 | - background-color: white; | ||
114 | - text-align: center; | ||
115 | - font-size: 28rpx; | ||
116 | - height:100rpx; | ||
117 | - line-height:117rpx; | ||
118 | - | ||
119 | -} | ||
120 | - | ||
121 | -.bodytop span{ | ||
122 | - color: red; | ||
123 | -} | ||
124 | - | ||
125 | - | ||
126 | -.bodyimg{ | ||
127 | - height:140rpx; | ||
128 | - width:590rpx; | ||
129 | - | ||
130 | - | ||
131 | - | ||
132 | -} | ||
133 | -.bodyimg image{ | ||
134 | - | ||
135 | -border-radius:50rpx; | ||
136 | -height: 96rpx; | ||
137 | -width: 96rpx; | ||
138 | -background-color:burlywood; | ||
139 | -margin-top: 30rpx; | ||
140 | - position: absolute; | ||
141 | - | ||
142 | -} | ||
143 | - | ||
144 | -.d{ | ||
145 | -width:101rpx; | ||
146 | - height:101rpx; | ||
147 | - display: inline-block; | ||
148 | - margin-right:15rpx; | ||
149 | - | ||
150 | -} | ||
151 | - | ||
152 | -.bodyimg span{ | ||
153 | - background-color:#e22b44; | ||
154 | - color: white; | ||
155 | - font-size: 24rpx; | ||
156 | - border-radius:6rpx; | ||
157 | - padding:2rpx 10rpx; | ||
158 | - position: relative; | ||
159 | - top: 0rpx; | ||
160 | - left: 40rpx; | ||
161 | -} | ||
162 | - | ||
163 | - | ||
164 | - | ||
165 | -.bodyspan{ | ||
166 | - color: red; | ||
167 | - text-align: center; | ||
168 | - font-size: 26rpx; | ||
169 | - | ||
170 | -} | ||
171 | - | ||
172 | -.bodyselect{ | ||
173 | - line-height: 47rpx; | ||
174 | -} | ||
175 | - | ||
176 | -.bodytime{ | ||
177 | - height: 88rpx; | ||
178 | - width: 100%; | ||
179 | - display: flex; | ||
180 | - flex-wrap: nowrap; | ||
181 | - margin-left:40rpx; | ||
182 | - align-items:center; | ||
183 | - | ||
184 | -} | ||
185 | - | ||
186 | -.bodytimeleft{ | ||
187 | - text-decoration:line-through; | ||
188 | - flex-grow: 1.7; | ||
189 | -} | ||
190 | - | ||
191 | - | ||
192 | -.bodytimecen-success{ | ||
193 | - text-align: center; | ||
194 | - flex-grow: 1; | ||
195 | - line-height:75rpx; | ||
196 | - font-size: 30rpx; | ||
197 | - color: #000; | ||
198 | -} | ||
199 | -.bodytimecen-success span{ | ||
200 | - | ||
201 | - color: #18ba5f; | ||
202 | - border-radius:7rpx; | ||
203 | - font-size: 30rpx; | ||
204 | - margin: 0 auto; | ||
205 | - | ||
206 | -} | ||
207 | -.bodytimecen{ | ||
208 | - text-align: center; | ||
209 | - flex-grow: 1; | ||
210 | - | ||
211 | - font-size: 30rpx; | ||
212 | - color: #000; | ||
213 | -} | ||
214 | -.bodytimecen span{ | ||
215 | - background-color: #333333; | ||
216 | - color: white; | ||
217 | - border-radius:7rpx; | ||
218 | - padding-left: 10rpx; | ||
219 | - font-size: 30rpx; | ||
220 | - margin: 0 auto; | ||
221 | - padding-right:10rpx; | ||
222 | - margin-right:5px | ||
223 | -} | ||
224 | - | ||
225 | - | ||
226 | -.bodytimecen span:last-child{ | ||
227 | - margin-right: 10rpx; | ||
228 | -} | ||
229 | - | ||
230 | -.bodytimeright{ | ||
231 | - flex-grow: 1.7; | ||
232 | - margin-right:72rpx; | ||
233 | - | ||
234 | -} | ||
235 | - | ||
236 | -.bodybutton{ | ||
237 | - width: 90%; | ||
238 | - margin: 0 auto; | ||
239 | - text-align: center; | ||
240 | - line-height: 60rpx; | ||
241 | - border-radius:15rpx; | ||
242 | - height: auto; | ||
243 | -} | ||
244 | - | ||
245 | -.bodybutton button{ | ||
246 | - height:60rpx; | ||
247 | - width: 100%; | ||
248 | - background-color: #e4374d; | ||
249 | - color: white; | ||
250 | - font-size:26rpx; | ||
251 | - border-radius:12rpx; | ||
252 | - | ||
253 | -} | ||
254 | - | ||
255 | -.bodyfoot{ | ||
256 | - | ||
257 | - width: 100%; | ||
258 | - text-align: center; | ||
259 | - | ||
260 | - font-size: 28rpx; | ||
261 | - color: #000; | ||
262 | - background-color: white; | ||
263 | -} | ||
264 | - | ||
265 | - | ||
266 | - | ||
267 | - | ||
268 | - | ||
269 | -.pintuan{ | ||
270 | - width: 100%; | ||
271 | - height: 84rpx; | ||
272 | - background-color: white; | ||
273 | - color: black; | ||
274 | - text-align: center; | ||
275 | - font-size:36rpx; | ||
276 | - margin-top: 60rpx; | ||
277 | -} | ||
278 | - | ||
279 | -.pintuanzhou{ | ||
280 | -float: left; | ||
281 | - | ||
282 | -line-height: 84rpx; | ||
283 | -width: 220rpx; | ||
284 | -} | ||
285 | - | ||
286 | -.pintuanyou{ | ||
287 | - float: right; | ||
288 | - color: rgb(168, 167, 167); | ||
289 | - line-height: 84rpx; | ||
290 | - font-size: 28rpx; | ||
291 | - margin-right: 20rpx; | ||
292 | -} | ||
293 | - | ||
294 | -.onegoods{ | ||
295 | - background-color: white; | ||
296 | - width: 345rpx; | ||
297 | - min-height: 490rpx; | ||
298 | - height:auto; | ||
299 | - | ||
300 | - border:2rpx solid #eee; | ||
301 | - | ||
302 | - float: left; | ||
303 | - margin-right:17rpx; | ||
304 | - border-radius:20rpx; | ||
305 | -} | ||
306 | - | ||
307 | -.goodsl{ | ||
308 | - background-color: white; | ||
309 | -} | ||
310 | - | ||
311 | -.onegoodsimg{ | ||
312 | - width: 100%; | ||
313 | - height: 360rpx; | ||
314 | -} | ||
315 | - | ||
316 | -.onegoodsimg image{ | ||
317 | - height: 100%; | ||
318 | - width: 100%; | ||
319 | - border-radius:20rpx 20rpx 0 0; | ||
320 | - | ||
321 | -} | ||
322 | - .xc-buttmo-frame{ | ||
323 | - min-height: 103rpx; | ||
324 | - height: auto; | ||
325 | - padding-bottom:15rpx; | ||
326 | - | ||
327 | - } | ||
328 | -.xc-buttmo-frame .onegoodsdesc { | ||
329 | - | ||
330 | - height: 80rpx; | ||
331 | -} | ||
332 | - | ||
333 | -.xc-buttmo-frame .onegoodsdesc .price{ | ||
334 | - | ||
335 | - padding-left:10rpx; | ||
336 | - height:85rpx; | ||
337 | - | ||
338 | -} | ||
339 | -.xc-ping{ | ||
340 | - border-radius: 50%; | ||
341 | - background: #fff; | ||
342 | - line-height:34rpx; | ||
343 | -width:34rpx; | ||
344 | -height:34rpx; | ||
345 | -font-size:24rpx; | ||
346 | - | ||
347 | -} | ||
348 | -.jgleft{ | ||
349 | -border-radius:36rpx; | ||
350 | -height:45rpx; | ||
351 | -line-height:50rpx; | ||
352 | -color:#fff; | ||
353 | -padding-left:7rpx; | ||
354 | -padding-right:24rpx; | ||
355 | -background:#e4374d; | ||
356 | -} | ||
357 | - | ||
358 | -.jgright{ | ||
359 | - font-size: 26rpx; | ||
360 | - height:16rpx; | ||
361 | -padding-right:10rpx; | ||
362 | -color:rgb(168, 167, 167); | ||
363 | -} | ||
364 | - | ||
365 | -.jgright span{ | ||
366 | - color: rgb(168, 167, 167); | ||
367 | -} | ||
368 | - | ||
369 | -.goodslisttop{ | ||
370 | - width: 100%; | ||
371 | -} | ||
372 | - | ||
373 | -.goodslisttop{ | ||
374 | - width: 100%; | ||
375 | - margin-top: 5rpx; | ||
376 | - border-bottom: 4rpx solid #eee; | ||
377 | - text-align: center; | ||
378 | -} | ||
379 | - | ||
380 | -.goodslistspan{ | ||
381 | - | ||
382 | - margin: 0 auto; | ||
383 | - padding-top: 20rpx; | ||
384 | -} | ||
385 | - | ||
386 | -.xian{ | ||
387 | - width: 100%; | ||
388 | - border-bottom: 2rpx solid #eee; | ||
389 | - float: left; | ||
390 | -} | ||
391 | - | ||
392 | -.bodyselect{ | ||
393 | - height: 90rpx; | ||
394 | - background-color: white; | ||
395 | - width: 100%; | ||
396 | - line-height:90rpx; | ||
397 | - | ||
398 | -} | ||
399 | - | ||
400 | - | ||
401 | -.changxin{ | ||
402 | - overflow: hidden; | ||
403 | - width: 100%; | ||
404 | - padding-left:20rpx; | ||
405 | - | ||
406 | -} | ||
407 | - | ||
408 | -.zhangxi{ | ||
409 | - width: 100%; | ||
410 | - background-color:white; | ||
411 | - color: black; | ||
412 | -} | ||
413 | - | ||
414 | -.img{ | ||
415 | - height: 100rpx; | ||
416 | - margin-bottom: 0rpx; | ||
417 | - float: left; | ||
418 | - color: black; | ||
419 | - line-height:100rpx; | ||
420 | -display:flex; | ||
421 | -align-items:center; | ||
422 | - | ||
423 | -} | ||
424 | - | ||
425 | -.zhangxi image{ | ||
426 | - border-radius:50rpx; | ||
427 | - height: 60rpx; | ||
428 | - width: 60rpx; | ||
429 | - float: left; | ||
430 | - | ||
431 | - background-color: red; | ||
432 | - margin-left: 40rpx; | ||
433 | - margin-right:10rpx; | ||
434 | - | ||
435 | -} | ||
436 | - | ||
437 | -.zhangxi .zssj{ | ||
438 | - width: 413rpx; | ||
439 | - margin-left: 28rpx; | ||
440 | - float: right; | ||
441 | - margin-top:32rpx; | ||
442 | -} | ||
443 | - | ||
444 | -.zspan{ | ||
445 | - float: left; | ||
446 | - text-align: center; | ||
447 | - display: flex; | ||
448 | - align-items: center; | ||
449 | - justify-content: center; | ||
450 | - height: 48rpx; | ||
451 | - font-size: 28rpx; | ||
452 | - color:#000; | ||
453 | - margin-bottom: 10rpx; | ||
454 | - padding-bottom: 10rpx; | ||
455 | - width: 100%; | ||
456 | - background: #fff; | ||
457 | - border-bottom:3rpx solid #eee; | ||
458 | - margin-top:20rpx; | ||
459 | - | ||
460 | -} | ||
461 | - | ||
462 | - | ||
463 | - | ||
464 | -.mtop{ | ||
465 | - text-align: center; | ||
466 | - color: white; | ||
467 | - background-color:rgba(0, 0, 0, .4); | ||
468 | - width: 100%; | ||
469 | - height: 100%; | ||
470 | - position: fixed; | ||
471 | - z-index: 5;top:0;left: 0; | ||
472 | - | ||
473 | -} | ||
474 | - | ||
475 | -.mt1{ | ||
476 | - margin-top: 200rpx; | ||
477 | - margin-bottom: 20rpx; | ||
478 | -} | ||
479 | - | ||
480 | -.mts{ | ||
481 | - color:#E1E10B; | ||
482 | -} | ||
483 | - | ||
484 | -.mcou{ | ||
485 | - font-size: 48rpx; | ||
486 | - | ||
487 | -} | ||
488 | - | ||
489 | -.mfoot{ | ||
490 | - width: 100%; | ||
491 | - margin-top: 700rpx; | ||
492 | -} | ||
493 | - | ||
494 | - | ||
495 | -.mbtn{ | ||
496 | - margin-top: 60rrpx; | ||
497 | - width: 400rpx; | ||
498 | - background: #666666; | ||
499 | - color: #fff; | ||
500 | - border-radius: 20rpx; | ||
501 | - font-size: 32rpx; | ||
502 | -} | ||
503 | - | ||
504 | - | ||
505 | - | ||
506 | - | ||
507 | - | ||
508 | - | ||
509 | - | ||
510 | -.etop{ | ||
511 | - padding-top: 200rpx; | ||
512 | - width: 100%; | ||
513 | - height: 100%; | ||
514 | - position: fixed; | ||
515 | - left: 0rpx; | ||
516 | - top: 0rpx; | ||
517 | - z-index: 12rpx; | ||
518 | -background-color:rgba(0, 0, 0, .4); | ||
519 | - | ||
520 | -} | ||
521 | - | ||
522 | -.emyimage{ | ||
523 | - display:flex; | ||
524 | - justify-content: center; | ||
525 | - align-items: center; | ||
526 | -} | ||
527 | - | ||
528 | - | ||
529 | -.emyimage image{ | ||
530 | - background-color: red; | ||
531 | - width: 300rpx; | ||
532 | - height: 300rpx; | ||
533 | - margin: 0 auto; | ||
534 | - | ||
535 | -} | ||
536 | - | ||
537 | -.espan{ | ||
538 | - font-size: 32rpx; | ||
539 | - margin-top: 10rpx; | ||
540 | -} | ||
541 | - | ||
542 | -.erweima{ | ||
543 | - margin-top: 10rpx; | ||
544 | - display: flex; | ||
545 | - width: 100%; | ||
546 | - | ||
547 | -} | ||
548 | - | ||
549 | -.erzhou{ | ||
550 | - width: 200rpx; | ||
551 | - | ||
552 | - | ||
553 | - margin-right: 20rpx; | ||
554 | -} | ||
555 | - | ||
556 | -.erzhou image{ | ||
557 | - background-color: blanchedalmond; | ||
558 | - width: 200rpx; | ||
559 | - height: 200rpx; | ||
560 | -} | ||
561 | - | ||
562 | - | ||
563 | -.eright{ | ||
564 | - width: 500rpx; | ||
565 | - font-size: 32rpx; | ||
566 | - | ||
567 | -} | ||
568 | - | ||
569 | - | ||
570 | - | ||
571 | -.ecc{ | ||
572 | - float: right; | ||
573 | - margin-right: 48rpx; | ||
574 | -} | ||
575 | - | ||
576 | - | ||
577 | -.eee{ | ||
578 | - padding-top:40rpx; | ||
579 | - | ||
580 | -width:90%; | ||
581 | -height:70%; | ||
582 | - | ||
583 | -padding-left:32rpx; | ||
584 | -margin-left:20rpx; | ||
585 | - | ||
586 | -background-color:white; | ||
587 | - | ||
588 | -} | ||
589 | - | ||
590 | -.clear{ | ||
591 | - clear: both; | ||
592 | -} | ||
593 | - | ||
594 | -.down-arrow { | ||
595 | - display: inline-block; | ||
596 | - position: relative; | ||
597 | - width: 40rpx; | ||
598 | - height: 30rpx; | ||
599 | - margin-right: 20rpx; | ||
600 | -} | ||
601 | - | ||
602 | -.down-arrow::after { | ||
603 | - display: inline-block; | ||
604 | - content: " "; | ||
605 | - height: 18rpx; | ||
606 | - width: 18rpx; | ||
607 | - border-width: 0 2rpx 2rpx 0; | ||
608 | - border-color: #000; | ||
609 | - border-style: solid; | ||
610 | - transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); | ||
611 | - transform-origin: center; | ||
612 | - transition: transform 0.3s; | ||
613 | - position: absolute; | ||
614 | - top: 50%; | ||
615 | - right: 10rpx; | ||
616 | - margin-top: -10rpx; | ||
617 | -} | ||
618 | - | ||
619 | -.down-arrow1 { | ||
620 | - display: inline-block; | ||
621 | - position: relative; | ||
622 | - width: 40rpx; | ||
623 | - height: 30rpx; | ||
624 | - margin-right: 20rpx; | ||
625 | - margin-top: 12rpx; | ||
626 | -} | ||
627 | - | ||
628 | -.down-arrow1::after { | ||
629 | - display: inline-block; | ||
630 | - content: " "; | ||
631 | - height: 18rpx; | ||
632 | - width: 18rpx; | ||
633 | - border-width: 0 2rpx 2rpx 0; | ||
634 | - border-color: #000; | ||
635 | - border-style: solid; | ||
636 | - transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); | ||
637 | - transform-origin: center; | ||
638 | - transition: transform 0.3s; | ||
639 | - position: absolute; | ||
640 | - top: 50%; | ||
641 | - right: 10rpx; | ||
642 | - margin-top: -10rpx; | ||
643 | -} | ||
644 | - | ||
645 | -.down-arrow1::after { | ||
646 | - transform-origin: center; | ||
647 | - transform: rotate(-135deg); | ||
648 | - transition: transform 0.3s; | ||
649 | -} | ||
650 | - | ||
651 | -.bview { | ||
652 | - position: fixed; | ||
653 | - top: 0; | ||
654 | - left: 0; | ||
655 | - width: 100%; | ||
656 | - height: 100%; | ||
657 | - background-color: rgba(0, 0, 0, 0.5); | ||
658 | -} | ||
659 | - | ||
660 | -.juzhong { | ||
661 | - position: fixed; | ||
662 | - top: 0; | ||
663 | - left: 0; | ||
664 | - width: 100%; | ||
665 | - height: 100%; | ||
666 | - display: flex; | ||
667 | - flex-direction: row; | ||
668 | - justify-content: center; | ||
669 | - align-items: center; | ||
670 | -} | ||
671 | - | ||
672 | -.juzhong .xq { | ||
673 | - padding: 0 20rpx; | ||
674 | - background: #fff; | ||
675 | - font-size: 30rpx; | ||
676 | - padding-bottom: 20rpx; | ||
677 | -} | ||
678 | - | ||
679 | -.juzhong .xq .title { | ||
680 | - text-align: center; | ||
681 | - margin: 20rpx 0; | ||
682 | - position: relative; | ||
683 | - height: 50rpx; | ||
684 | -} | ||
685 | - | ||
686 | -.juzhong .xq .hs1 { | ||
687 | - font-size: 28rpx; | ||
688 | - color: #ab8f9e; | ||
689 | -} | ||
690 | - | ||
691 | -.juzhong .xq .title .close { | ||
692 | - position: absolute; | ||
693 | - top: 0; | ||
694 | - right: 0; | ||
695 | - width: 45rpx; | ||
696 | - height: 45rpx; | ||
697 | -} | ||
698 | - | ||
699 | -.pt_qd { | ||
700 | - margin-top: 40rpx; | ||
701 | - height: auto; | ||
702 | -} | ||
703 | - | ||
704 | -.spec-cart-btn.w100 { | ||
705 | - width: 100%; | ||
706 | - margin-left: 0; | ||
707 | - height: 80rpx; | ||
708 | - line-height: 80rpx; | ||
709 | -} | ||
710 | - | ||
711 | -.pt_status_set{ | ||
712 | - position: absolute; right: 10rpx; top:50rpx; width: 120rpx; height: 120rpx; | ||
713 | -} | ||
714 | - | ||
715 | - | ||
716 | - | ||
717 | -.xc-goods-details{ | ||
718 | -width:479rpx; | ||
719 | -margin-top:20rpx; | ||
720 | -height:77rpx; | ||
721 | -} | ||
722 | - | ||
723 | -.xc-valframe{ | ||
724 | - border-radius:7rpx; | ||
725 | -border:1rpx solid; | ||
726 | -margin-top:3rpx; | ||
727 | -} | ||
728 | -.xc-valframe .xc-frame-img{ | ||
729 | - width:30rpx; | ||
730 | -height:100%; | ||
731 | -background:#e22b44; | ||
732 | -} | ||
733 | -.xc-valframe .xc-frame-img .picture{ | ||
734 | - width:25rpx; | ||
735 | -height:25rpx; | ||
736 | -margin-top:4rpx; | ||
737 | - | ||
738 | -} | ||
739 | -.xc-ellipsis-img{ | ||
740 | -width:56rpx; | ||
741 | -height:96rpx; | ||
742 | - | ||
743 | -} | ||
744 | -.xc-ellipsis-img .pictures{ | ||
745 | - width:56rpx;height:56rpx; | ||
746 | -} | ||
747 | -.flex_tou{ display: flex; justify-content: center; width: 100%;} | ||
748 | -.xc-ptcomplete{ | ||
749 | - width:74%; | ||
750 | -height:105rpx; | ||
751 | -line-height:105rpx; | ||
752 | -float:right; | ||
753 | - | ||
754 | -} | ||
755 | -.xc-ptcomplete .xc-img-frame .img{ | ||
756 | - width: 105rpx; | ||
757 | - height: 105rpx; | ||
758 | - float: right; | ||
759 | -} | ||
760 | -.xc-ptcomplete-ladder .xc-img-frame{ | ||
761 | - width:201rpx; | ||
762 | - height: 105rpx; | ||
763 | - margin-top:20rpx; | ||
764 | -} | ||
765 | -.xc-ptcomplete-ladder .xc-img-frame .img{ | ||
766 | - width: 105rpx; | ||
767 | - height: 105rpx; | ||
768 | - float: right; | ||
769 | - padding-right:6rpx; | ||
770 | -} | ||
771 | -.xc-ptcomplete .xc-img-frame{ | ||
772 | - width:190rpx; | ||
773 | - height: 105rpx; | ||
774 | - margin-top:20rpx; | ||
775 | -} | ||
776 | -.xc-ptcomplete .xc-end{ | ||
777 | - width:283rpx; | ||
778 | -text-align:right; | ||
779 | -} | ||
780 | -.iw{ | ||
781 | -padding-right:33rpx; | ||
782 | -} | ||
783 | -.xc-ptcomplete .xc-img-frames{ | ||
784 | - width:360rpx; | ||
785 | -height:105rpx; | ||
786 | -margin-top:20rpx; | ||
787 | - | ||
788 | -} | ||
789 | -.xc-ptcomplete .xc-img-frames .img{ | ||
790 | - width: 105rpx; | ||
791 | - height: 105rpx; | ||
792 | - float: right; | ||
793 | - padding-right:6rpx; | ||
794 | -} | ||
795 | -.xc-home-page-frame{ | ||
796 | - padding-top:16rpx; | ||
797 | - | ||
798 | -} | ||
799 | -.xc-home-page-frame .xc-home-page{ | ||
800 | - background-color: #e22b44;border-radius:15rpx; | ||
801 | -width:90%; | ||
802 | -color:#fff; | ||
803 | -height:60rpx; | ||
804 | -font-size:26rpx; | ||
805 | -line-height:60rpx; | ||
806 | -} | ||
807 | -/* */ | ||
808 | -.xc-people-val{ | ||
809 | - padding-left:8rpx; | ||
810 | -padding-right:8rpx; | ||
811 | -} | ||
812 | -.xc-onclik{ | ||
813 | - width:100%; | ||
814 | -height:70rpx; | ||
815 | - | ||
816 | -} | ||
817 | -.xc-green{ | ||
818 | - color: #18ba5f; | ||
819 | - text-align:center; | ||
820 | -flex-grow:1; | ||
821 | -height:90rpx; | ||
822 | - | ||
823 | - | ||
824 | -} | ||
825 | -.xc-ptcomplete-ladder{ | ||
826 | - width:74%; | ||
827 | -height:105rpx; | ||
828 | -line-height:105rpx; | ||
829 | -float:right; | ||
830 | -} | ||
831 | -.xc-fail-ladder{ | ||
832 | - width:61%; | ||
833 | -height:105rpx; | ||
834 | -line-height:105rpx; | ||
835 | -float:right; | ||
836 | - | ||
837 | -} | ||
838 | -.xc-fail-ladder .xc-img-frame{ | ||
839 | - width:61%; | ||
840 | -height:105rpx; | ||
841 | -margin-top:20rpx; | ||
842 | -} | ||
843 | -.xc-fail-ladder .xc-img-frame .img{ | ||
844 | - width: 105rpx; | ||
845 | - height: 105rpx; | ||
846 | - float: right; | ||
847 | - padding-right:6rpx; | ||
848 | -} | ||
849 | -.xc-list{ | ||
850 | - background-color:#e22b44; | ||
851 | -color:white; | ||
852 | -font-size:17rpx; | ||
853 | -border-radius:6rpx; | ||
854 | -padding:0 5rpx; | ||
855 | -position:absolute; | ||
856 | -top:13rpx; | ||
857 | -left:80rpx; | ||
858 | -width:34rpx; | ||
859 | -line-height:25rpx; | ||
860 | - | ||
861 | -} | ||
862 | - | ||
863 | -.xc-linellae-frame{ | ||
864 | - width: 100%; | ||
865 | - height: 60rpx; | ||
866 | - background: #eee; | ||
867 | -} | ||
868 | -.xc-linellae-frame .xc-linellae{ | ||
869 | - width: 425rpx; | ||
870 | - height: 1rpx; | ||
871 | - border-bottom: 1rpx solid #a5a5a5; | ||
872 | -} | ||
873 | -.xc-recommend-frame{ | ||
874 | -background:#eee; | ||
875 | -width:200rpx; | ||
876 | -height:100%; | ||
877 | - | ||
878 | -} | ||
879 | -.xc-recommend-frame .xc-recommend{ | ||
880 | - width: 35rpx; | ||
881 | - height: 27rpx; | ||
882 | - margin-top:7rpx; | ||
883 | -} | ||
884 | -.xc-recommend-frame .xc-recommend-word{ | ||
885 | -font-size:26rpx; | ||
886 | -color: #a9a9a9; | ||
887 | -margin-left:5rpx; | ||
888 | -} | ||
889 | -.xc-rmbs{ | ||
890 | - | ||
891 | -height:40rpx; | ||
892 | -} | ||
893 | -.xc-shuoming{ | ||
894 | - padding-left:10rpx; | ||
895 | -} | ||
896 | - | ||
897 | - | ||
898 | -.poster-container { | ||
899 | - box-sizing: border-box; | ||
900 | - position: fixed; | ||
901 | - top: 50%; | ||
902 | - left: 50%; | ||
903 | - transform: translate(-50%, -50%); | ||
904 | - width: calc(100% - 210rpx); | ||
905 | - z-index: 1000; | ||
906 | -} | ||
907 | -.mask { | ||
908 | - position: fixed; | ||
909 | - top: 0; | ||
910 | - left: 0; | ||
911 | - width: 100%; | ||
912 | - height: 100%; | ||
913 | - z-index: 999; | ||
914 | - background-color: rgba(0,0,0,.4); | ||
915 | -} | ||
916 | -.poster-wrapper { | ||
917 | - width: 100%; | ||
918 | -} | ||
919 | - | ||
920 | -.poster { | ||
921 | - box-sizing: border-box; | ||
922 | - width: 100%; | ||
923 | - height: 905rpx; | ||
924 | - border-radius: 20rpx; | ||
925 | - /* box-shadow: 0 8px 12px #666; */ | ||
926 | - position: relative; | ||
927 | - z-index: 999; | ||
928 | - overflow: hidden; | ||
929 | -} | ||
930 | -.poster-img { | ||
931 | - display: block; | ||
932 | - width: 100%; | ||
933 | - height: 100%; | ||
934 | -} | ||
935 | -.btn-container { | ||
936 | - display: flex; | ||
937 | - justify-content: space-around; | ||
938 | -} | ||
939 | -.btn-share { | ||
940 | - display: block; | ||
941 | - background-color: #FE6867; | ||
942 | - color: white; | ||
943 | - border-radius: 8rpx; | ||
944 | - line-height: 80rpx; | ||
945 | - margin-top: 28rpx; | ||
946 | - padding: 0 60rpx; | ||
947 | -} | ||
948 | - | ||
949 | - | ||
950 | -.btn-close { | ||
951 | - /* background-color: rgba(0,0,0,.5); */ | ||
952 | - color: #ccc; | ||
953 | - width: 50rpx; | ||
954 | - height: 50rpx; | ||
955 | - line-height: 50rpx; | ||
956 | - text-align: center; | ||
957 | - border-radius: 50%; | ||
958 | - position: absolute; | ||
959 | - right: 20rpx; | ||
960 | - top: 20rpx; | ||
961 | -} | ||
962 | - | ||
963 | -.icon-close { | ||
964 | - font-size: 48rpx; | ||
965 | -} | ||
966 | \ No newline at end of file | 0 | \ No newline at end of file |