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