diff --git a/pages/user/cardinfo/cardinfo.js b/pages/user/cardinfo/cardinfo.js new file mode 100644 index 0000000..d524248 --- /dev/null +++ b/pages/user/cardinfo/cardinfo.js @@ -0,0 +1,764 @@ +var e = function (e) { + return e && e.__esModule ? e : { + default: e + }; +}(require("../../../utils/LoadMore.js")), + t = getApp(), + a = t.request, + o = t.globalData.setting, + os = o, + i = require("../../../utils/util.js"), + ut = i, + s = require("../../../utils/common.js"), + w = require("../../../utils/wxParse/wxParse.js"), + n = new e.default(); +var regeneratorRuntime = require('../../../utils/runtime.js'); +var api = require('../../../api/api.js'); +//wx.downloadFile把线上地址设为本地地址 +Page({ + + /** + * 页面的初始数据 + */ + data: { + images: [o.imghost + "/miniapp/images/plus/card_one.jpg", o.imghost + "/miniapp/images/plus/card_two.jpg", o.imghost + "/miniapp/images/plus/card_three.jpg"], + + url: o.imghost, + screenWidth: 0, + screenheight: 0, + canvasHidden:1, + shareImgPath: null, + is_plusCard: "",//卡的列表 + imagePath: "", + user: null,//会员的数据 + is_card: 0,//用于判断是否是续费页和购买页面 0不是puls会员 + content: "",//等级卡规则 + is_card_rule: "",//等级卡规则判断用 + big_card: null,//最大的卡 + divide_into:"",//分佣 + is_loading:"",//判断分享只执行一次 + bas_ming:"",//分享的卡的图片 + head_pic:"",//会员头像 + img_money:"",//缓存VIP的图片 + img_Ancrown:"",//会员权益 + img_Identification:"",//缓存标识的图片 + img_square:"",//缓存方块的图片 + privilege_o:"",//卡的勋章图 + cardid: "",//会员卡的id + user_card: null,//会员买的卡 + free:null,//分佣的数据 + + + }, + // uers_card:function () { + // getApp().request.get("/api/weshop/plus/vip/mem/bership/get" + os.stoid+, { + // success: function (res) { + // var is_cardrule = res.data.data.cardrules; + // w.wxParse("content", "html", is_cardrule, that, 6); + // that.setData({ + // is_card_rule: is_cardrule + // }); + // } + // }); + // }, + + // 邀请的人及分成 + // divide_into:function(){ + // var th=this; + // getApp().request.get("/api/weshop/plus/vip/mem/freeze/money", { + // data:{ + // userId: getApp().globalData.user_id, + // storeId: os.stoid, + + // },success: function (res) { + + // var divide_into=res.data.data; + // console.log("邀请的人及分成5555555",res.data); + // th.setData({ divide_into: divide_into}); + // } + // }); + // }, + + + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + var that = this; + + //同步初始化 + that.init(); + + //获取最大的卡类 + // that.getPlusCardType(); + + //商家配置信息 是等级卡的说明 + // getApp().request.get("/api/weshop/storeconfig/get/"+ os.stoid, { + // success: function (res) { + // var is_cardrule = res.data.data.cardrules; + // w.wxParse("content", "html", is_cardrule, that, 6); + // that.setData({ + // is_card_rule: is_cardrule + // }); + // } + // }); + //会员信息 + // getApp().request.get("/api/weshop/users/get/" + os.stoid + "/" + getApp().globalData.user_id, { + + // success: function (res) { + // //把网络图片缓存到本地 + // var user = res.data.data; + // var url = that.data.url; + // console.log("是什么东西", user); + // var img_money = url + "/images/userinfo/money.jpg"; + // var img_Ancrown = url + "/images/userinfo/Ancrown.jpg"; + // var img_Identification = url + "/images/userinfo/Identification.jpg"; + // var img_square = url + "/images/userinfo/square.jpg"; + // console.log(user.head_pic, img_money, img_Ancrown, img_Identification, img_square); + // var big_card = that.data.big_card; + // console.log(big_card,"ssssssss"); + // wx.getImageInfo({ + // src: big_card.CardImg, + // success: function (res) { + // //回调写法 + // var bas_ming = res.path; + // that.setData({ bas_ming: bas_ming}); + // } + // }) + // wx.getImageInfo({ + // src: user.CardImg, + // success: function (res) { + // //回调写法 + // var bas_ming = res.path; + // that.setData({ bas_ming: bas_ming }); + // } + // }) + + + // console.log("会员数据",user); + // that.setData({user: user}); + // var big_card= that.big_card; + // if (user != null && user != "" && user != undefined && big_card != null && user != "" && user != undefined){ + // //画图 + // that.saveImageToPhotosAlbum(); + // } + // } + // }); + + + //获取用户设备信息,屏幕宽度 + wx.getSystemInfo({ + success: res => { + that.setData({ + screenWidth: res.screenWidth + }) + } + }) + + // this.saveImageToPhotosAlbum(); + // this.puls_user(); + + + }, + + +//------------程序初始化入口 同步------------- + async init() { + var ee = this, th = ee; + + //-------------会员卡的获取------------- + await getApp().request.promiseGet("/api/weshop/plus/vip/mem/list", + { + data: { + storeId: os.stoid, + userId: getApp().globalData.user_id, + }, + }).then(res => { + + var GradeCardID = res.data.data[0].GradeCardID + console.log(GradeCardID, "卡的id", res.data.data[0]); + ee.setData({cardid: GradeCardID}); + + }) + //-----------会员分佣------------------- + await getApp().request.promiseGet("/api/weshop/plus/vip/mem/freeze/money?userId=" + getApp().globalData.user_id + "&storeId=" + os.stoid, { + }).then(res => { + console.log("分佣的数据", res.data.data); + if (res.data.code==0){ + ee.setData({ free:res.data.data}); + }else{ + ee.setData({ free: 0 }); + } + + }) + //-----------会员的卡类------------------- + await getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/get?storeId=" + os.stoid + "&CardId=" + ee.data.cardid, { + }).then(res => { + var user_card= res.data.data; + console.log(user_card,"会员的卡类"); + ee.setData({user_card: user_card}); + }) + //-----------等级卡说明------------------- + await getApp().request.promiseGet("/api/weshop/storeconfig/get/"+ os.stoid, { + }).then(res => { + var is_cardrule = res.data.data.cardrules; + w.wxParse("content", "html", is_cardrule, ee, 6); + ee.setData({ + is_card_rule: is_cardrule + }); + + }) +//----------------------------获取最大的卡类----------------------- + await getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + o.stoid, { + + }).then(res => { + var plusCard = res.data.data; + var big_card = null; + var big_cards = null; + console.log(plusCard, "数据什么的", res); + for (var i = 0; i < plusCard.length; i++) { + big_cards = Math.max(plusCard[i].CardFee) + if (plusCard[i].CardFee == big_cards) { + big_card = plusCard[i] + } + } + console.log(big_cards, "是什么东西", big_card); + + ee.setData({ + is_plusCard: plusCard, + big_card: big_card + }) + + }) + + + + + //-----------------获取会员信息------------------------------- + await getApp().request.promiseGet("/api/weshop/users/get/" + os.stoid + "/" + getApp().globalData.user_id,{ + + }).then(res => { + var user = res.data.data; + var url = ee.data.url; + console.log("是什么东西", url); + var img_money = url + "/miniapp/images/plus/share/money.png"; + var img_Ancrown = url + "/miniapp/images/plus/share/Ancrown.png"; + var img_Identification = url + "/miniapp/images/plus/share/Identification.png"; + var img_square = url + "/miniapp/images/plus/share/square.png"; + var privilege_o = url + "/miniapp/images/plus/share/privilege_o.png"; + console.log("图片转换",img_money); + var big_card = ee.data.big_card; + ee.setData({ + user: user, + img_money: img_money, + img_Ancrown: img_Ancrown , + img_Identification: img_Identification, + img_square, img_square , + privilege_o, privilege_o + + }); + //缓存分享卡的图片 + wx.getImageInfo({ + src: big_card.CardImg, + success: function (res) { + //回调写法 + var bas_ming = res.path; + ee.setData({ bas_ming: bas_ming}); + } + }) + //缓存会员头像的图片 + wx.getImageInfo({ + src: user.head_pic, + success: function (res) { + //回调写法 + var user_head= res.path; + ee.setData({ head_pic: user_head }); + } + }) + }) + //--------------------缓存vip价格的图片--------------- + wx.getImageInfo({ + src:ee.data.img_money, + success: function (res) { + //回调写法 + var img_money = res.path; + ee.setData({ img_money: img_money}); + } + }) + //--------------------缓存权益的图片--------------- + wx.getImageInfo({ + src: ee.data.img_Ancrown, + success: function (res) { + //回调写法 + var img_Ancrown = res.path; + ee.setData({ img_Ancrown: img_Ancrown }); + } + }) + //--------------------缓存标识的图片--------------- + wx.getImageInfo({ + src: ee.data.img_Identification, + success: function (res) { + //回调写法 + var img_Identification = res.path; + ee.setData({ img_Identification: img_Identification }); + } + }) + + //--------------------卡的勋章--------------- + wx.getImageInfo({ + src: ee.data.privilege_o, + success: function (res) { + //回调写法 + var privilege_o = res.path; + ee.setData({ privilege_o: privilege_o }); + } + }) + + + //--------------------方块图--------------- + wx.getImageInfo({ + src: ee.data.img_square, + success: function (res) { + //回调写法 + var img_square = res.path; + ee.setData({ img_square: img_square}); + } + }) + //初始分享图页面 + // ee.saveImageToPhotosAlbum(); + }, + + //-----Plus会员获取----------- + // puls_user: function () { + + // var th = this; + // getApp().request.get("/api/weshop/plus/vip/mem/list", { + // data: { + // storeId: os.stoid, + // userId: getApp().globalData.user_id, + // }, + // success: function (su) { + // if (su.data.code == 0) { + // var cardname = su.data.data[0].MemCardName; + // console.log("卡的名字", cardname); + // th.setData({ pulscardname: cardname }); + // } + // } + // }); + // }, + + + //打开分享图片 + Share_pictures: function () { + + this.setData({ + canvasHidden: false + }) + this.saveImageToPhotosAlbum(); + }, + + + + // //获取最大的卡类 + // getPlusCardType: function (e) { + // var storid = o.stoid; + // var th = this; + // getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + storid, {}).then(res => { + // var plusCard = res.data.data; + // var big_card=null; + // var big_cards = null; + // console.log(plusCard, "数据什么的", res); + // for (var i = 0; i < plusCard.length; i++) { + // big_cards= Math.max(plusCard[i].CardFee) + // if (plusCard[i].CardFee ==big_cards){ + // big_card = plusCard[i] + // } + // } + // console.log(big_cards, "是什么东西", big_card); + + // th.setData({ + // is_plusCard: plusCard, + // big_card: big_card + // }) + // }) + + // }, + /** + * 生命周期函数--监听页面初次渲染完成 + */ + saveImageToPhotosAlbum: function () { + if (this.data.imagePath != "") { + wx.previewImage({ + urls: [this.data.imagePath], + }) + return; + } + // if(this.data.is_loading) return false ; + this.data.is_loading=1; + + wx.showLoading({ + title: '生成中...', + }) + + var th = this; + //设置画板显示,才能开始绘图 + var card_ming=th.data.bas_ming;//卡的图片 + var user = th.data.user;//会员资料; + var big_card= th.data.big_card;//获取最大的卡 + var user_head = th.data.head_pic;//会员头像 + var img_money = th.data.img_money;//缓存vip的价格 + var img_Ancrown = th.data.img_Ancrown;//会员权益的图片 + var img_Identification = th.data.img_Identification;//会员标识 + var privilege_o = th.data.privilege_o;//勋章图片 + var img_square=th.data.img_square; + console.log("user的会员资料", user); + console.log("最大的卡", big_card); + console.log("会员头像", card_ming); + console.log("缓存vip的价格", img_money); + console.log(" 会员标识", img_Ancrown); + console.log("/勋章图片", privilege_o); + var app = getApp(); + var unit = th.data.screenWidth / 750 * 1.35; + var scene = getApp().globalData.user_id; + console.log("二维码主键",scene); + ///二微码 + var vpath="", + var path3 = os.url + "/api/wx/open/app/user/getWeAppEwm/" + + os.stoid + "?sceneValue=" + scene + "&pageValue=pages/user/plus/plus"; + wx.getImageInfo({ + src: path3, + success: function (res) { + //回调写法 + th.get_head_temp(th.get_goods_temp, function () { + vpath = res.path; + }) + } + }) + console.log("生成二维码", path3); + //开启画布 + const ctx = wx.createCanvasContext('myCanvas'); + //先画背景 + ctx.drawImage("../../../images/plus/share/mackground.png", 0, 0, 554 * unit, 930 * unit); + ctx.setFontSize(26 * unit); + ctx.setFillStyle("rgb(0,0,0)"); + ctx.fillText(user.nickname, 155 * unit, 75 * unit, 200 * unit); + + var tj_path = "../../../images/userinfo/q_tj.png"; + ctx.drawImage(tj_path, 385 * unit, 45 * unit, 90 * unit, 30 * unit); + ctx.setFontSize(18 * unit); + ctx.setFillStyle("rgb(255,255,255)"); + ctx.fillText("强烈推荐", 394 * unit, 65 * unit); + + ctx.setStrokeStyle("rgb(255,255,255)"); + ctx.setLineDash([5 * unit, 5 * unit], 5 * unit); + ctx.beginPath(); + ctx.moveTo(0, 125 * unit); + ctx.lineTo(554 * unit, 125 * unit); + ctx.stroke(); + + var x = 55 * unit, + y = 165 * unit, + w = 444 * unit, + h = 220 * unit, + r = 14 * unit; + ctx.save(); + // 开始绘制 + ctx.beginPath(); + // 因为边缘描边存在锯齿,最好指定使用 transparent 填充 + // 这里是使用 fill 还是 stroke都可以,二选一即可 + ctx.setFillStyle('rgb(237,188,150)') + // ctx.setStrokeStyle('transparent') + // 左上角 + ctx.arc(x + r, y + r, r, Math.PI, Math.PI * 1.5) + + // border-top + ctx.moveTo(x + r, y) + ctx.lineTo(x + w - r, y) + ctx.lineTo(x + w, y + r) + // 右上角 + ctx.arc(x + w - r, y + r, r, Math.PI * 1.5, Math.PI * 2) + + // border-right + ctx.lineTo(x + w, y + h - r) + ctx.lineTo(x + w - r, y + h) + // 右下角 + ctx.arc(x + w - r, y + h - r, r, 0, Math.PI * 0.5) + + // border-bottom + ctx.lineTo(x + r, y + h) + ctx.lineTo(x, y + h - r) + // 左下角 + ctx.arc(x + r, y + h - r, r, Math.PI * 0.5, Math.PI) + + // border-left + ctx.lineTo(x, y + r) + ctx.lineTo(x + r, y) + + // 这里是使用 fill 还是 stroke都可以,二选一即可,但是需要与上面对应 + ctx.fill() + + ctx.clip(); //画了圆 再剪切 原始画布中剪切任意形状和尺寸。一旦剪切了某个区域,则所有之后的绘图都会被限制在被剪切的区域内 + ctx.drawImage(card_ming, x, y, 444 * unit, 220 * unit); // 推进去图片 + ctx.restore(); //恢复之前保存的绘图上下文 恢复之前保存的绘图上下午即状态 可以继续绘制 + + ctx.beginPath(); + // 卡图片 + // ctx.drawImage("../../../images/plus/share/one.jpg", 55 * unit, 165 * unit, 444 * unit, 220 * unit,); + ctx.setFontSize(26 * unit); + ctx.setFillStyle('rgb(218,194,169)'); + ctx.fillText(big_card.CardName, 80 * unit, 215 * unit); + ctx.setFontSize(18 * unit); + ctx.setFillStyle('rgb(218,194,169)'); + ctx.fillText("开通会员年卡仅" + big_card.CardFee+"元", 80 * unit, 240 * unit); + + ctx.drawImage(privilege_o, 80 * unit, 343 * unit, 20 * unit, 20 * unit); + + ctx.setFontSize(14 * unit); + ctx.setFillStyle('rgb(218,194,169)'); + ctx.fillText("根据大家购买数据,您成为超级会员预计可省¥3031元", 105 * unit, 360 * unit); + + ctx.rect(70 * unit, 425 * unit, 182 * unit, 1 * unit); + ctx.setFillStyle('rgb(218,194,169)'); + ctx.fill(); + + ctx.drawImage(img_square, 267 * unit, 420 * unit, 13 * unit, 13 * unit); + + ctx.beginPath(); + ctx.rect(295 * unit, 425 * unit, 182 * unit, 1 * unit); + ctx.setFillStyle('rgb(218,194,169)'); + ctx.fill(); + + ctx.drawImage(img_square, 80 * unit, 470 * unit, 10 * unit, 10 * unit); + ctx.setFontSize(24 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("超级VIP权益", 100 * unit, 475 * unit); + + ctx.setFontSize(20 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("超级会员专属权益", 100 * unit, 505 * unit); + ctx.drawImage(img_Ancrown, 355 * unit, 440 * unit, 65 * unit, 65 * unit); + + ctx.rect(85 * unit, 530 * unit, 375 * unit, 1 * unit) + ctx.setFillStyle('rgb(218,194,169)') + ctx.fill(); + + ctx.drawImage(img_square, 80 * unit, 575 * unit, 10 * unit, 10 * unit); + ctx.setFontSize(24 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("超级VIP标识", 100 * unit, 580 * unit); + + ctx.setFontSize(20 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("彰显尊贵身份的象征", 100 * unit, 610 * unit); + ctx.drawImage(img_Identification, 355 * unit, 548 * unit, 65 * unit, 65 * unit); + + ctx.rect(85 * unit, 635 * unit, 375 * unit, 1 * unit); + ctx.setFillStyle('rgb(218,194,169)'); + ctx.fill(); + + ctx.drawImage(img_square, 80 * unit, 695 * unit, 10 * unit, 10 * unit); + ctx.setFontSize(24 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("超级VIP价格", 100 * unit, 695 * unit); + + ctx.setFontSize(20 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("享受专属会员超低价", 100 * unit, 725 * unit); + ctx.drawImage(img_money, 355 * unit, 660 * unit, 65 * unit, 65 * unit); + + ctx.rect(85 * unit, 750 * unit, 375 * unit, 1 * unit) + ctx.setFillStyle('rgb(218,194,169)') + ctx.fill(); + + ctx.drawImage(vpath, 100 * unit, 780 * unit, 110 * unit, 110 * unit); + + ctx.setFontSize(20 * unit); + ctx.setFillStyle("#000"); + ctx.fillText("解锁新权益 精彩享不停", 230 * unit, 825 * unit); + + ctx.setFontSize(20 * unit); + ctx.setFillStyle("#000"); + ctx.fillText("长按识别二维码,立即开通!", 230 * unit, 865 * unit); + + //---绘制圆形要放在最后---- + ctx.save(); + ctx.beginPath(); + var h_x = 60 * unit; + var h_y = 24 * unit; + var h_r = 40 * unit; + var cx = h_x + h_r; + var cy = h_y + h_r; + ctx.arc(cx, cy, h_r, 0, Math.PI * 2, false); + ctx.closePath(); + ctx.fill(); + ctx.clip(); + ctx.drawImage(user_head, h_x, h_y, h_r * 2, h_r * 2); + ctx.restore(); + + var x = 345 * unit, + y = 190 * unit, + w = 105 * unit, + h = 30 * unit, + r = 14 * unit; + ctx.save(); + // 开始绘制 + ctx.beginPath(); + // 因为边缘描边存在锯齿,最好指定使用 transparent 填充 + // 这里是使用 fill 还是 stroke都可以,二选一即可 + ctx.setFillStyle('rgb(237,188,150)') + // ctx.setStrokeStyle('transparent') + // 左上角 + ctx.arc(x + r, y + r, r, Math.PI, Math.PI * 1.5) + + // border-top + ctx.moveTo(x + r, y) + ctx.lineTo(x + w - r, y) + ctx.lineTo(x + w, y + r) + // 右上角 + ctx.arc(x + w - r, y + r, r, Math.PI * 1.5, Math.PI * 2) + + // border-right + ctx.lineTo(x + w, y + h - r) + ctx.lineTo(x + w - r, y + h) + // 右下角 + ctx.arc(x + w - r, y + h - r, r, 0, Math.PI * 0.5) + + // border-bottom + ctx.lineTo(x + r, y + h) + ctx.lineTo(x, y + h - r) + // 左下角 + ctx.arc(x + r, y + h - r, r, Math.PI * 0.5, Math.PI) + + // border-left + ctx.lineTo(x, y + r) + ctx.lineTo(x + r, y) + + // 这里是使用 fill 还是 stroke都可以,二选一即可,但是需要与上面对应 + ctx.fill() + + ctx.setFontSize(18 * unit); + ctx.setFillStyle("#000"); + ctx.fillText("立即开通", 362 * unit, 212 * unit); + + //绘制图片 + ctx.draw(false, + wx.canvasToTempFilePath({ + x: 0, + y: 0, + width: 750, + height: 930, + destWidth: 1.2 * 750 * 750 / th.data.screenWidth, + destHeight: 1.2 * 1217 * 750 / th.data.screenWidth, + canvasId: 'myCanvas', + success: function (res) { + wx.hideLoading();//关闭生成中的方法 + th.data.is_loading=0; + + console.log("sssssssssssssssssssssssss" + res.tempFilePath); + var tempFilePath = res.tempFilePath; + th.setData({ + imagePath: tempFilePath, + maskHidden: false, + canvasHidden: true + }); + wx.previewImage({ + urls: [res.tempFilePath], + }) + if (!res.tempFilePath) { + wx.showModal({ + title: '提示', + content: '图片绘制中,请稍后重试', + showCancel: false + }) + } + + } + + })) + + + }, + //--获取商品图片的本地缓存,回调写法-- + get_goods_temp: function (tt) { + var ee = this; + if (ee.data.share_goods_img) { + tt(); + return false; + } + //获取商品是分享图信息 + wx.getImageInfo({ + src: ee.data.data.original_img, + success: function (res) { + //res.path是网络图片的本地地址 + ee.data.share_goods_img = res.path; + tt(); + }, + fail: function (res) { + ee.data.share_goods_img = "../../../images/share/default_g_img.gif"; //分享的图片不能用网络的 + tt(); + } + }); + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + var goods_list = this.selectComponent("#goods_list"); //组件的id + goods_list.get_list(); + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + var goods_list = this.selectComponent("#goods_list"); //组件的id + goods_list.get_list(); + this.setData({ + j: true + }) + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + }, + //开通会员 + Opening: function () { + this.setData({ + j: true + }) + }, + //返回会员页面 + OpeningClose: function () { + this.setData({ + j: false + }) + } + +}) \ No newline at end of file diff --git a/pages/user/cardinfo/cardinfo.json b/pages/user/cardinfo/cardinfo.json new file mode 100644 index 0000000..d748815 --- /dev/null +++ b/pages/user/cardinfo/cardinfo.json @@ -0,0 +1,7 @@ + { + "usingComponents": { + "pop_txt": "/components/userqy_pop_up/userqy_pop_up", + "goods_recommend": "/components/goods_list/goods_list" + }, + "navigationBarTitleText": "会员续费" +} \ No newline at end of file diff --git a/pages/user/cardinfo/cardinfo.wxml b/pages/user/cardinfo/cardinfo.wxml new file mode 100644 index 0000000..e51c42d --- /dev/null +++ b/pages/user/cardinfo/cardinfo.wxml @@ -0,0 +1,131 @@ + + + + + + + + + + + + {{user_card.CardName}} + 会员将在{{user_card.ExpiryDate}}到期 + + 立即续费 + + + + + + + + + 正在享受{{user_card.CardName}}会员特权 + + + + 邀请新朋友 + + + + + + + + + 已邀请 + {{free==0?"0":free.RefereeNumber}}人 + 可提现 + {{free==0?"0":free.RefereeMoney}}元 + + + + + 明细 + + 立即提现 + + + + + + + + + + + + + + + + + 开通PLUSI会员尊享礼遇 + + PLUSI会员尊享礼遇 + + + + + + PLUSI会员可享以下特权 + + 解锁新权益 精彩享不停 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 好物推荐 + + + + + + + + + + + + GOOD HOT THING + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/pages/user/cardinfo/cardinfo.wxss b/pages/user/cardinfo/cardinfo.wxss new file mode 100644 index 0000000..4c5b03d --- /dev/null +++ b/pages/user/cardinfo/cardinfo.wxss @@ -0,0 +1,150 @@ + @import "../../../utils/wxParse/wxParse.wxss"; + .Member_bk { + position:relative; + z-index: 0; + width: 100%; + height: 100%; +} +.MemberPlus { + width: 618rpx; + height: 290rpx; + border-radius: 18rpx; + box-shadow: 0rpx 0rpx 10rpx #888; + margin: 0rpx 35rpx; + color: #ffa786; + padding: 0rpx 31rpx; + padding-top: 60rpx; + background-size: 100%; +} +.renew { + width: 190rpx; + height: 50rpx; + border-radius: 18rpx; + background-color: rgb(237, 189, 150); + text-align: center; + line-height: 50rpx; + color: #000; + margin-top: 7rpx; + +} +.xs { + margin-top: 130rpx; +} +.MemberPlus .privilege { + width: 30rpx; + height: 30rpx; + margin-right: 7rpx; +} +.MemberPlus .share { + width: 30rpx; + height: 30rpx; + margin-left: 7rpx; +} +.Invitation { + padding: 0rpx 31rpx; + box-shadow: 0rpx 0rpx 10rpx #888; + height: 95rpx; + background-color: rgb(255, 255, 255); + z-index: 6; + position: relative; + margin-top: -15rpx; +} +.Invitation .Invitation_count, .Invitation_my { + color: rgb(237, 189, 153); +} +.Invitation .Detailed { + color: rgb(237, 189, 150); + text-decoration: underline; +} +.Invitation .Invitation_Cash { + width: 150rpx; + height: 45rpx; + line-height: 45rpx; + text-align: center; + border-radius: 25rpx; + margin-left: 30rpx; + background-color: rgb(237, 189, 150); + color: rgb(255, 255, 255); +} +.swiper, .Courtesy, .title { + position: relative; + z-index: 3; +} +.Courtesy_title { + color: rgb(173, 137, 79); + font-weight: bold; + margin-bottom: 10rpx; + letter-spacing: 2rpx; +} +.Courtesy_image { + width: 50rpx; + height: 25rpx; + margin-top: 8rpx; +} +.Courtesy_can { + margin: 0rpx 7rpx; + color: rgb(94, 93, 91); + font-weight: bold; +} + + +/* 热门好物 */ + +.title .China { + width: 100%; + margin-top: 60rpx; + margin-bottom: 10rpx; + line-height: 0rpx; +} + +.title .China .line view { + width: 2rpx; +} + +.title .China .line { + height: 40rpx; + color: rgb(51, 51, 51); +} + +.title .China .line view { + border-left: 3rpx solid #000; + margin-left: 5rpx; +} + +.title .China .line .one { + height: 23rpx; +} + +.title .China .line .two { + height: 15rpx; +} + +.title .China .line .three { + height: 18rpx; +} + +.title .China .Recommend { + margin: 0rpx 20rpx; + font-size: 28rpx; + line-height: 39rpx; + font-weight: bold; +} + +.title .english .silk { + width: 214rpx; + height: 2rpx; + background-color: #000; +} + +.title .english .esh { + margin: 0rpx 15rpx; +} +.Member { + width: 30rpx; + height: 30rpx; + margin-right: 5rpx; + background-size: 100% 100%; +position: relative; +left: -40rpx; + +} \ No newline at end of file