wxd / MShopWeApp

Commit 9b41557473439b90f43663eedd32a1555aaf8648

Authored by yvan.ni
1 parent 544ddcca

1.报警 

2.  team_success
Inline Side-by-side
Showing 5 changed files with 2279 additions and 1 deletions
packageA/pages/distribution/shop/shop.js
  View file @9b41557
... ... @@ -196,7 +196,7 @@ Page({
196 196 //--- 判断是等级会员，且在有效期范围内 ---
197 197 if (user.card_field && now < end) {
198 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 200 th.setData({
201 201 card_field: user.card_field,
202 202 card_name: card_name,
... ...
packageA/pages/serviceCard_pd/team_success/team_success.js 0 → 100644
  View file @9b41557
  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
  View file @9b41557
  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 13 \ No newline at end of file
... ...
packageA/pages/serviceCard_pd/team_success/team_success.wxml 0 → 100644
  View file @9b41557
  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
  View file @9b41557
  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 966 \ No newline at end of file
... ...