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