wxd / MShopWeApp

Browse Code »

Commit f24193a1b96c7a60a7b85a78c33a4a1321049489

Authored by 前端开发-罗建龙 2023-10-10 16:01:22 +0800

1 parent b420cdc7

移包

Inline Side-by-side

Showing 4 changed files with 2382 additions and 0 deletions

packageG/pages/team/team_success/team_success.js 0 → 100644

View file @f24193a

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

packageG/pages/team/team_success/team_success.json 0 → 100644

View file @f24193a

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

packageG/pages/team/team_success/team_success.wxml 0 → 100644

View file @f24193a

	1	+<wxs module="filters" src="../../../../utils/filter.wxs"></wxs>
	2	+<!---- //文字"-->
	3	+<view wx:if="{{is_show}}">
	4	+
	5	+ <view class='center'>
	6	+ <view class='cenleft'>
	7	+ <image src='{{image}}' binderror='img_show_err' data-err="image"></image>
	8	+ </view>
	9	+ <view class='cenright'>
	10	+ <!----//图片区域---->
	11	+ <view class='cenrt'>
	12	+ <view class='xc-goods-details ellipsis-2 fs30'>
	13	+ {{goods.goods_name}}
	14	+ </view>
	15	+ </view>
	16	+ <view class='cenrcen flex-vertical-between'>
	17	+ <view>
	18	+ <view class="fs40 xc-wc" style='font-size:40rpx'>
	19	+ <span class="fs28 xc-rmbs" style="font-weight:500;">￥</span>{{teamlist.price}}</view>
	20	+ <view class="fs22 word-line xc-wc" style="width:172rpx;">
	21	+ ￥{{goods.shop_price}}
	22	+ </view>
	23	+ </view>
	24	+ <view class="xc-wc fs24">
	25	+ <view>
	26	+ <view class="">已拼{{teamlist.buy_num+teamlist.virtual}}件</view>
	27	+ <view class="flex xc-valframe t-c">
	28	+ <view class="xc-frame-img">
	29	+ <image class="picture" src="{{iurl}}/miniapp/images/bai-ren.png"></image>
	30	+ </view>
	31	+ <view class="xc-people-val">
	32	+ {{teamlist.ct_num}}人拼
	33	+ </view>
	34	+ </view>
	35	+ </view>
	36	+ </view>
	37	+ </view>
	38	+ </view>
	39	+ <view class='clear'></view>
	40	+ </view>
	41	+ <!----以上商品显示完成---->
	42	+
	43	+
	44	+ <view class='body'>
	45	+ <!-- 阶梯团 -->
	46	+ <view class='bodytop' wx:if="{{teamlist.kttype==3&& p_status==1}}">
	47	+ 当前价格
	48	+ <text class="xc-wc">¥{{ct_price}}</text>,
	49	+ <block wx:if="{{max_num-ordertx.length>0}}">
	50	+ <text class="xc-wc">还差{{max_num-ordertx.length}}</text>人享受最低价格<text class="xc-wc">￥{{min_price}}</text>
	51	+ </block>
	52	+ <block wx:else>
	53	+ 该团已经拼购到最低价了哦~
	54	+ </block>
	55	+ </view>
	56	+ <!-- 拼团成功 -->
	57	+ <view class="xc-ptcomplete-ladder flex-level fs28" wx:if="{{teamlist.kttype==3&&p_status==2}}">
	58	+ <view class="xc-wc">拼团成功</view>,当前价格
	59	+ <text class="xc-wc">￥{{ct_price}}</text>
	60	+ <view class="xc-img-frame oh">
	61	+ <image class="img" src="{{iurl}}/miniapp/images/xc_qtcg.png"></image>
	62	+ </view>
	63	+ </view>
	64	+
	65	+ <view style="height: 20rpx" wx:if="{{teamlist.kttype==3&&p_status==4}}"></view>
	66	+
	67	+
	68	+ <!-- 阶梯团失败 -->
	69	+ <view class=".xc-fail-ladder flex-level fs28" wx:if="{{pay_f==1 \|\| order.pt_status==3}}">
	70	+ <view class="xc-wc">拼团失败</view>
	71	+ <view class="xc-img-frame oh" >
	72	+ <image class="img" src="{{iurl}}/miniapp/images/xc-qtshibai.png"></image>
	73	+ </view>
	74	+ </view>
	75	+
	76	+ <!-- 会员团和商家团 -->
	77	+ <view class='bodytop' wx:if="{{(teamlist.kttype==2 \|\| teamlist.kttype==1) && p_status==1}}">
	78	+ 还差
	79	+ <text class="xc-wc">{{teamlist.ct_num-ordertx.length}}</text>人成团,组团成功为您节省
	80	+ <text class="xc-wc">{{filters.toFix(goods.market_price-teamlist.price,2)}}</text>元
	81	+ </view>
	82	+ <!-- 拼团成功 -->
	83	+ <view class="xc-ptcomplete flex-level fs28" wx:if="{{p_status==2 && (teamlist.kttype==2\|\|teamlist.kttype==1)}}">
	84	+ <view class="xc-wc">拼团成功</view>,为您节省
	85	+ <text class="xc-wc">{{filters.toFix(goods.market_price-teamlist.price,2)}}</text>元
	86	+ <view class="xc-img-frame oh">
	87	+ <image class="img" src="{{iurl}}/miniapp/images/xc_qtcg.png"></image>
	88	+ </view>
	89	+ </view>
	90	+
	91	+ <!----//// //头像---->
	92	+ <view class="flex_tou">
	93	+ <view class='bodyimg flex-level'>
	94	+ <view class='d' wx:for="{{ordertx2}}" wx:key>
	95	+ <image src='{{item.head_pic}}'></image>
	96	+ <span wx:if="{{item.is_pt_tz==1}}">团长</span>
	97	+ </view>
	98	+ <view class='d' wx:for="{{sf_arr}}">
	99	+ <image wx:if="{{teamgroup.is_xuni_ct}}" src='{{iurl}}/miniapp/images/anonymous/anonymous{{item}}.png'></image>
	100	+ <image wx:else src='{{iurl}}/miniapp/images/shafa.png'></image>
	101	+ </view>
	102	+
	103	+ <view class='xc-ellipsis-img flex-vertical' wx:if="{{ordertx.length>5}}">
	104	+ <image class="pictures " src="{{iurl}}/miniapp/images/xc_ellipsis.png"></image>
	105	+ </view>
	106	+ </view>
	107	+ </view>
	108	+
	109	+ <view class='bodytime'>
	110	+ <!----/ //旁边直线---->
	111	+ <view class='bodytimeleft'>
	112	+ <view class='xian'></view>
	113	+ </view>
	114	+
	115	+ <!-- 阶梯团开始-->
	116	+ <view class='bodytimecen' wx:if='{{p_status==1}}'>
	117	+ 剩余
	118	+
	119	+ <span>{{obj.hou}}</span>:
	120	+ <span>{{obj.hou}}</span>:
	121	+ <span>{{obj.min}}</span>:
	122	+ <span>{{obj.sec}}</span>结束
	123	+ </view>
	124	+
	125	+ <!-- 阶梯团成功-->
	126	+ <view class='bodytimecen-success' wx:if='{{teamlist.kttype==3&&p_status==2 && is_pay_wk!=1}}'>
	127	+ 剩余支付时间:
	128	+
	129	+ <span>{{obj.hou}}</span>时
	130	+ <span>{{obj.min}}</span>分
	131	+ <span>{{obj.sec}}</span>秒
	132	+ </view>
	133	+
	134	+ <view class='bodytimecen-success' wx:if='{{teamlist.kttype==3&&p_status==4 }}'>
	135	+ 拼团已结束
	136	+ </view>
	137	+
	138	+ <!-- </block> -->
	139	+ <!-- 阶梯团失败 -->
	140	+ <view class='bodytimecen' wx:if='{{p_status==3}}'>
	141	+ 还差
	142	+ <text class="xc-wc">{{teamlist.ct_num-ordertx.length}}</text>人参团, 拼团失败。
	143	+ </view>
	144	+ <!-- 会员团 -->
	145	+ <view class='bodytimecen' wx:if='{{(teamlist.kttype==1 \|\| teamlist.kttype==2) && p_status==2}}'>
	146	+ 已经有
	147	+ <text class="xc-wc">{{ordertx.length>teamlist.ct_num?ordertx.length:teamlist.ct_num}}</text>人参团, 拼团成功。
	148	+ </view>
	149	+
	150	+ <!----//旁边直线---->
	151	+ <view class='bodytimeright'>
	152	+ <view class='xian'></view>
	153	+ </view>
	154	+ </view>
	155	+
	156	+ <!-- 阶梯团 -->
	157	+ <view class='fs30 xc-green' wx:if='{{teamlist.kttype==3&&p_status==2}}'>
	158	+ 拼团成功, 规定时间内支付尾款即发货
	159	+ </view>
	160	+ <view class="xc-wc fs30 t-c xc-onclik" wx:if="{{p_status==1}}">
	161	+ 点击下方按钮分享给小伙伴,可快速成团！
	162	+ </view>
	163	+
	164	+ <!-- <block wx:if="{{pay_f!=1 && order.pt_status<2}}"> -->
	165	+ <!----/ // // // //按钮---->
	166	+
	167	+ <view wx:if="{{teamlist.kttype==3}}" class='bodybutton'>
	168	+ <!-- 阶梯团 -->
	169	+ <button wx:if="{{p_status==1 && isLogin}}" bindtap="clickShare" style='background-color:#fab55a; color:#fff'>
	170	+ <!-- <button wx:if="{{p_status==1}}" bindtap="clickShare" bindtap='cmeng' style='background-color:#fab55a; color:#fff'> -->
	171	+ 邀请好友参团
	172	+ </button>
	173	+ <button bindtap="go_pay_wk" style='background-color:#42c780;' wx:if="{{order.pt_status==2 && order.is_zsorder==4 }}">
	174	+ 支付尾款
	175	+ </button>
	176	+ </view>
	177	+ <!-- <view wx:elif="{{teamlist.ct_num-ordertx.length>0}}" class='' bindtap='cmeng'> -->
	178	+
	179	+ <!--会员团商家团-->
	180	+ <button class="bodybutton" style='background-color:#fab55a; color:#fff' bindtap='clickShare'
	181	+ wx:if="{{(teamlist.kttype==2\|\|teamlist.kttype==1)&&p_status==1 && isLogin}}">邀请好友参团</button>
	182	+
	183	+ <!-- </view> -->
	184	+ <!-- </block> -->
	185	+ <view class="xc-home-page-frame">
	186	+ <button class="xc-home-page" bindtap='gohome'> 返回首页</button>
	187	+ </view>
	188	+
	189	+ <view class='zspan' hidden="{{hiddenName}}" bindtap='click'>查看拼团列表
	190	+ <view class='down-arrow1'></view>
	191	+ </view>
	192	+
	193	+ </view>
	194	+
	195	+ <!---/ // // // // //展开拼团列表---->
	196	+ <view class='bodyfoot'>
	197	+ <view class='bodyselect' wx:if="{{zk}}" bindtap='czk'>
	198	+ <span>查看拼团列表
	199	+ <view class='down-arrow'></view>
	200	+ </span>
	201	+ </view>
	202	+
	203	+ <view class='zhangxi' hidden="{{hiddenName}}" wx:for="{{ordertx}}" wx:for-index="ky">
	204	+ <view class='img rel'>
	205	+ <view class="xc-list" wx:if="{{item.is_pt_tz}}">
	206	+ <span>团长</span>
	207	+ </view>
	208	+ <image src='{{item.head_pic}}'></image>{{item.nickname}}
	209	+ </view>
	210	+ <!-- <view class='zssj' wx:if="{{teamlist.kttype==1}}">{{item.add_time_date}}参团</view> -->
	211	+ <view class='zssj' wx:if="{{ky==0 &&teamlist.kttype!=1}}">{{item.add_time_date}}
	212	+ <text>开团</text>
	213	+ </view>
	214	+ <view class='zssj' wx:else>{{item.add_time_date}} 参团</view>
	215	+ <view class="clear"></view>
	216	+ </view>
	217	+
	218	+
	219	+ <view class='zhangxi' hidden="{{hiddenName}}" wx:for="{{head}}" >
	220	+ <view class='img rel'>
	221	+ <image src='{{iurl}}/miniapp/images/anonymous/anonymous{{item}}.png'></image>匿名
	222	+ </view>
	223	+ <view class='zssj'>{{filters.format_time(teamgroup.buyenddate,1)}} 参团</view>
	224	+ <view class="clear"></view>
	225	+ </view>
	226	+
	227	+
	228	+ <view class='clear'></view>
	229	+ </view>
	230	+ <view class='clear'></view>
	231	+
	232	+ <!----//大家都在团---->
	233	+ <view class='goodslist'>
	234	+ <view class='goodslisttop'>
	235	+ <!-- <view class='goodslistspan fs24'>大家都在团</view> -->
	236	+ <!-- 推荐商品 -->
	237	+ <view class="flex-center rel xc-linellae-frame">
	238	+ <view class="xc-linellae"></view>
	239	+ <view class="abs flex-center xc-recommend-frame ">
	240	+ <image class=" xc-recommend" src="{{iurl}}/miniapp/images/diamond.png">
	241	+ </image>
	242	+ <view class="xc-recommend-word">大家都在团</view>
	243	+ </view>
	244	+ </view>
	245	+ <view class='goodslisttopright'></view>
	246	+ </view>
	247	+ <view class="changxin">
	248	+ <view class='onegoods' wx:for="{{pageteam}}" wx:key="{{index}}" bindtap="go_goodsinfo" data-gid="{{item.goods_id}}">
	249	+ <view class='onegoodsimg'>
	250	+ <image src="{{imageurl+item.share_imgurl}}"></image>
	251	+ </view>
	252	+ <view class="xc-buttmo-frame">
	253	+ <view class='onegoodsdesc '>
	254	+
	255	+ <view class='price flex-vertical-between'>
	256	+ <view class='jgleft fs32 flex-center xc-wc'>
	257	+ <view class="xc-ping xc-wc fs26 t-c">拼</view>
	258	+ <text class="fs20"style='height:39rpx;margin-right:5rpx;margin-left:15rpx;' >¥</text>{{item.price}}
	259	+ </view>
	260	+ <view class='jgright'>{{item.ct_num}}
	261	+ <span>人参团</span>
	262	+ </view>
	263	+ </view>
	264	+ </view>
	265	+ <view class="xc-shuoming ellipsis-2 fs26">
	266	+ <text>{{item.goods_name}}</text>
	267	+ </view>
	268	+ </view>
	269	+ </view>
	270	+ </view>
	271	+ </view>
	272	+</view>
	273	+
	274	+<!----蒙板---->
	275	+<!-- <view class='mtop' wx:if="{{meng}}">
	276	+ <view wx:if="{{teamlist.kttype==3}}" class='mt1'>
	277	+ <block wx:if="{{max_num-ordertx.length>0}}">
	278	+ 还差
	279	+ <span class='mts'>{{max_num-ordertx.length}}</span>人，邀请好友参团吧
	280	+ <span class='mcou' bindtap='cmc'>⊗</span>
	281	+ </block>
	282	+ <block wx:else>
	283	+ 您已经可以享受最低价，邀请好友参团吧
	284	+ <span class='mcou' bindtap='cmc'>⊗</span>
	285	+ </block>
	286	+ </view>
	287	+ <view wx:else>
	288	+ 还差
	289	+ <span class='mts'>{{teamlist.ct_num-ordertx.length}}</span>人，邀请好友参团吧
	290	+ <span class='mcou' bindtap='cmc'>⊗</span>
	291	+ </view>
	292	+ <view>点击分享，发送给
	293	+ <span class='mts'>朋友</span>和
	294	+ <span class='mts'>朋友圈</span>
	295	+ </view> -->
	296	+ <!--底部-->
	297	+ <!-- <view class='mfoot' bindtap='saveImageToPhotosAlbum'>
	298	+ <button class='mbtn'>查看分享二维码</button>
	299	+ </view>
	300	+</view> -->
	301	+
	302	+
	303	+<!--二维码显示页面-->
	304	+<canvas canvas-id='share' style='width:750rpx;height:1217rpx;' wx:if='{{canvasHidden}}'></canvas>
	305	+<!--拼团玩法弹出框-->
	306	+<!----弹起的---->
	307	+<block wx:if="{{pd_xx}}">
	308	+ <view class="bview"></view>
	309	+ <view class="juzhong">
	310	+ <view class="xq">
	311	+ <view class="title" bindtap="close_pt_xx">拼团玩法介绍
	312	+ <image src="{{iurl}}/miniapp/images/gbi.png" class="close"></image>
	313	+ </view>
	314	+ <view>1.开团：
	315	+ <text class="hs1">选择心仪商品，点击“发起X人团”按钮，付款后即为开团成功；</text>
	316	+ </view>
	317	+ <view>2.参团：
	318	+ <text class="hs1">进入朋友分享的页面，点击“立即参团”按钮，付款后即为参团成功，若多人同时支付，支付成功时间较早的人获得参团资格；</text>
	319	+ </view>
	320	+ <view>3.成团：
	321	+ <text class="hs1">在开团或参团成功后，点击“邀请小伙伴参团”将页面分享给好友，在有效时间内凑齐人数即为成团，此时商家会开始发货；</text>
	322	+ </view>
	323	+ <view>4.组团失败：
	324	+ <text class="hs1">在有效时间内未凑齐人数，即为组团失败，此时付款项会原路退回到支付账户；</text>
	325	+ </view>
	326	+ <view>5.
	327	+ <text class="hs1">组团有效期间内，拼购商品订单不允许取消。 </text>
	328	+ </view>
	329	+ </view>
	330	+ </view>
	331	+</block>
	332	+
	333	+<!-- 分享控件，底部弹出 -->
	334	+<share id="share_button" bind:send="send" bind:cancel="cancel" bind:share_img="saveImageToPhotosAlbum" wx:if="{{share_hidden}}"></share>
	335	+
	336	+
	337	+<view wx:if="{{showPoster}}">
	338	+ <view class="mask" catchtap="closePoster"></view>
	339	+ <view class="poster-container">
	340	+ <view class="poster-wrapper">
	341	+ <view class="poster">
	342	+ <!-- <view class="poster" bindtap="previewImage"> -->
	343	+ <image src="{{shareImgPath}}" class="poster-img" show-menu-by-longpress></image>
	344	+ <view class="btn-close" catchtap="closePoster"><text class="iconfont icon-close"></text></view>
	345	+ </view>
	346	+ <view class="btn-container">
	347	+ <!--<button class="btn-share" open-type="share" bindtap="">微信好友分享</button>-->
	348	+ <button class="btn-share" bindtap="savePic">保存到相册</button>
	349	+ </view>
	350	+ </view>
	351	+ </view>
	352	+</view>
	353	+
	354	+
	355	+
...	...

packageG/pages/team/team_success/team_success.wxss 0 → 100644

View file @f24193a

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