diff --git a/pages/user/Change_phone/Change_phone.js b/pages/user/Change_phone/Change_phone.js new file mode 100644 index 0000000..2ab1acd --- /dev/null +++ b/pages/user/Change_phone/Change_phone.js @@ -0,0 +1,78 @@ + +var a = getApp(), + r = a.globalData.setting, + t = a.request, + s = require("../../../utils/common.js"), + util = require("../../../utils/util.js"); +Page({ + + /** + * 页面的初始数据 + */ + data: { + iurl: r.imghost, + inputxphone:false, + phone:0, + }, + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + this.setData({ + phone: options.mobile + }) + }, + go: function (e) { + this.setData({ + inputxphone: true + }) + }, + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/pages/user/Change_phone/Change_phone.json b/pages/user/Change_phone/Change_phone.json new file mode 100644 index 0000000..501ef05 --- /dev/null +++ b/pages/user/Change_phone/Change_phone.json @@ -0,0 +1,4 @@ +{ + "navigationBarTitleText": "更换手机", + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/user/Change_phone/Change_phone.wxml b/pages/user/Change_phone/Change_phone.wxml new file mode 100644 index 0000000..12aaeb9 --- /dev/null +++ b/pages/user/Change_phone/Change_phone.wxml @@ -0,0 +1,52 @@ + + + + + + + + + + {{phone}} + + + + + + + + + + + + 获取验证码 + + + + + + + 温馨提示: + 1.更换手机号后下次可使用新手机号登录。 + + 2.为保障数据安全,如遇旧手机遗失可联系商家进行解绑。 + + 3.收到验证码而非本人操作时请及时更改密码。 + + + + + + + 下一步 + + + 确定更换 + + + + + + \ No newline at end of file diff --git a/pages/user/Change_phone/Change_phone.wxss b/pages/user/Change_phone/Change_phone.wxss new file mode 100644 index 0000000..1f435ff --- /dev/null +++ b/pages/user/Change_phone/Change_phone.wxss @@ -0,0 +1,71 @@ +page { + height: 100%; +} + +.container { + padding: 0rpx 55rpx; + border-top: 6rpx solid rgb(245, 245, 245); +} + +.phone_logo { + height: 400rpx; +} + +.phone_logo image { + width: 145rpx; + height: 230rpx; +} + +.phone,.code{ + border-bottom: 2rpx solid rgb(234, 234, 234); + height: 95rpx; +} + +.phone image { + width: 60rpx; + height: 60rpx; +} + +.phone .inphone { + margin-left: 50rpx; + color: rgb(153, 153, 153); +} + +.code image { + width: 70rpx; + height: 60rpx; +} + +.code input { + margin-left: 50rpx; + color: rgb(153, 153, 153); +} + +.code .Obtain { + width: 250rpx; + height: 60rpx; + border-left: 2rpx solid rgb(234, 234, 234); +} + +.phone, .code, .Tips { + padding-left: 30rpx; +} + +.Tips { + margin-top: 50rpx; + line-height: 50rpx; + color: rgb(153, 153, 153); +} + +.go { + width: 100%; + margin-top: 90rpx; +} + +.lower { + width: 430rpx; + height: 75rpx; + background-color: rgb(214, 1, 33); + border-radius: 40rpx; + color: rgb(255, 255, 255); +} diff --git a/pages/user/Detailed/Detailed.js b/pages/user/Detailed/Detailed.js new file mode 100644 index 0000000..f1f9b36 --- /dev/null +++ b/pages/user/Detailed/Detailed.js @@ -0,0 +1,80 @@ +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"), + n = new e.default(); +var regeneratorRuntime = require('../../../utils/runtime.js'); +var api = require('../../../api/api.js'); +Page({ + + /** + * 页面的初始数据 + */ + data: { + url: o.imghost, + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/pages/user/Detailed/Detailed.json b/pages/user/Detailed/Detailed.json new file mode 100644 index 0000000..8c30020 --- /dev/null +++ b/pages/user/Detailed/Detailed.json @@ -0,0 +1,4 @@ +{ + "navigationBarTitleText": "邀请明细", + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/user/Detailed/Detailed.wxml b/pages/user/Detailed/Detailed.wxml new file mode 100644 index 0000000..7101efc --- /dev/null +++ b/pages/user/Detailed/Detailed.wxml @@ -0,0 +1,45 @@ + + + + 会员昵称 + + + + 手机号码 + + + 奖励明细 + + + + + + + + 秋天的雨冬天的雪 + + + + 15260677445 + + + + +30 + + + + + + + + + + + + 暂无邀请明细 + + + 去邀请 + + + \ No newline at end of file diff --git a/pages/user/Detailed/Detailed.wxss b/pages/user/Detailed/Detailed.wxss new file mode 100644 index 0000000..1b657ca --- /dev/null +++ b/pages/user/Detailed/Detailed.wxss @@ -0,0 +1,60 @@ +.title { + background-color: rgb(238, 238, 238); + height: 65rpx; + color: rgb(153, 153, 153); +} + +.Nickname { + width: 200rpx; + padding-left: 50rpx; +} + +.reward { + width: 250rpx; +} + +.phone { + width: 250rpx; +} + +.maxvalue { + border-bottom: 1rpx solid rgb(242, 242, 242); +} + +.Nicknamevalue { + height: 85rpx; + width: 190rpx; + padding-left: 60rpx; +} + +.phonevalue { + width: 250rpx; +} + +.rewardvalue { + width: 250rpx; + color: rgb(215, 0, 38); +} +/*无明细*/ +.empty_order image { + width: 329rpx; + height: 229rpx; + margin-top: 202rpx; +} + +.empty_order .xc-ash { + margin-top: 10rpx; + font-weight: 600px; +} + +.empty_order navigator { + margin-top: 60rpx; + border-radius: 40rpx; +} + +.empty_order navigator view { + width: 247rpx; + height: 56rpx; + background-color: rgb(255, 72, 72); + border-radius: 40rpx; +} \ No newline at end of file diff --git a/pages/user/plus/plus.js b/pages/user/plus/plus.js new file mode 100644 index 0000000..260695b --- /dev/null +++ b/pages/user/plus/plus.js @@ -0,0 +1,245 @@ +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"), + n = new e.default(); +var regeneratorRuntime = require('../../../utils/runtime.js'); +var api = require('../../../api/api.js'); +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"], + currentId: 0, + url: o.imghost, + j: false, + screenWidth: 0, + screenheight: 0, + canvasHidden: true, + shareImgPath: null, + plusCard: "", + imagePath: "", + isshare: 0, + }, + swiperChange: function(e) { + var currentId = e.detail.current; + this.setData({ + currentId: currentId + }) + + }, + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function(options) { + var that = this; + //获取用户设备信息,屏幕宽度 + wx.getSystemInfo({ + success: res => { + that.setData({ + screenWidth: res.screenWidth + }) + } + }) + this.getPlusCardType(); + + + }, + //获取卡类 + getPlusCardType: function(e) { + var storid = o.stoid; + var th = this; + getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + storid, {}).then(res => { + th.setData({ + plusCard: res.data.data + }) + }) + + }, + /** + * 生命周期函数--监听页面初次渲染完成 + */ + saveImageToPhotosAlbum: function() { + var th = this; + var unit = th.data.screenWidth / 750 * 1.35; + const ctx = wx.createCanvasContext('myCanvas'); + //设置画板显示,才能开始绘图 + th.setData({ + canvasHidden: false + }) + ctx.drawImage("../../../images/plus/share/mackground.png", 0, 0,554 * unit,899 * unit); + ctx.drawImage("../../../images/userinfo/user_head.jpg", 60 * unit, 20 * unit, 60 * unit, 60 * unit); + ctx.setFontSize(26 * unit); + ctx.setFillStyle("rgb(0,0,0)"); + ctx.setTextAlign('left') + ctx.fillText("钱巧玲", 136 * unit, 65 * unit, 110 * unit); + + ctx.setFontSize(22 * unit); + ctx.setFillStyle("rgb(255,255,255)"); + ctx.fillText("强烈推荐", 400 * unit, 60 * unit); + + + ctx.setStrokeStyle("rgb(255,255,255)"); + ctx.setLineDash([5 * unit, 5 * unit], 5 * unit); + ctx.beginPath(); + ctx.moveTo(0, 120 * unit); + ctx.lineTo(554 * unit, 120 * unit); + ctx.stroke(); + + ctx.setStrokeStyle("rgb(218,194,169)"); + ctx.beginPath(); + ctx.moveTo(0, 420 * unit); + ctx.lineTo(554 * unit, 420 * unit); + ctx.stroke(); + + // 卡图片 + ctx.drawImage("../../../images/plus/share/one.jpg", 55 * unit, 170 * unit, 444 * unit, 205 * unit); + ctx.setFontSize(26 * unit); + ctx.setFillStyle("white"); + ctx.fillText("PLUSI会员", 80 * unit, 215 * unit); + ctx.setFontSize(18 * unit); + ctx.setFillStyle("white"); + ctx.fillText("开通会员年卡仅199元", 80 * unit, 240 * unit); + + ctx.setFontSize(18 * unit); + ctx.setFillStyle("white"); + ctx.fillText("立即开通", 360 * unit, 215 * unit); + + ctx.drawImage("../../../images/userinfo/user_head.jpg", 80 * unit, 315 * unit, 40 * unit, 40 * unit); + + ctx.setFontSize(14 * unit); + ctx.setFillStyle("white"); + ctx.fillText("根据大家购买数据,您成为超级会员预计可省¥2899元", 130 * unit, 345 * unit); + + ctx.setFontSize(22 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("超级VIP权益", 90 * unit, 475 * unit); + + ctx.setFontSize(20 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("超级会员专属权益", 90 * unit, 505 * unit); + ctx.drawImage("../../../images/plus/share/Ancrown.png", 395 * unit, 435 * unit, 80 * unit, 80 * unit); + + ctx.setFontSize(22 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("超级VIP标识", 90 * unit, 580 * unit); + + ctx.setFontSize(20 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("彰显尊贵身份的象征", 90 * unit, 610 * unit); + ctx.drawImage("../../../images/plus/share/Identification.png", 395 * unit, 545 * unit, 80 * unit, 80 * unit); + + ctx.setFontSize(22 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("超级VIP价格", 90 * unit, 695 * unit); + + ctx.setFontSize(20 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("享受专属会员超低价", 90 * unit, 725 * unit); + ctx.drawImage("../../../images/plus/share/money.png", 395 * unit, 660 * unit, 80 * unit, 80 * unit); + + ctx.drawImage("../../../images/userinfo/user_head.jpg", 100 * unit, 760 * unit, 100 * unit, 100 * unit); + + ctx.setFontSize(20 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("解锁新权益 精彩享不停", 220 * unit, 800 * unit); + + ctx.setFontSize(20 * unit); + ctx.setFillStyle("rgb(198,165,126)"); + ctx.fillText("长按识别二维码,立即开通", 220 * unit, 840 * unit); + + + //绘制图片 + ctx.draw(false, wx.canvasToTempFilePath({ + x: 0, + y: 0, + width: 750, + height: 1217, + destWidth: 1.2 * 750 * 750 / th.data.screenWidth, + destHeight: 1.2 * 1217 * 750 / th.data.screenWidth, + canvasId: 'myCanvas', + success: function(res) { + var tempFilePath = res.tempFilePath; + th.setData({ + imagePath: tempFilePath, + maskHidden: false, + canvasHidden: true, + isshare: 1 + }); + wx.previewImage({ + urls: [tempFilePath], + }) + } + })) + + }, + /** + * 生命周期函数--监听页面显示 + */ + 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/plus/plus.json b/pages/user/plus/plus.json new file mode 100644 index 0000000..e763cd5 --- /dev/null +++ b/pages/user/plus/plus.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/plus/plus.wxml b/pages/user/plus/plus.wxml new file mode 100644 index 0000000..7d8f390 --- /dev/null +++ b/pages/user/plus/plus.wxml @@ -0,0 +1,236 @@ + + + + + + + + + + + + + + + + + + + + + + {{item.CardName}} + 开通会员年卡仅199元 + + 立即开通 + + + + + + + + + 根据大家购买数据,您成为超级会员预计可省¥2899元 + + + + + + + + + + + + + + + + + + PLUSI会员 + 开通会员年卡仅199元 + + 立即续费 + + + + + + + + + 正在享受PLUSI会员特权 + + + + 邀请新朋友 + + + + + + + + + + + + 已邀请 + 3人 + 可提现 + 66元 + + + + + 明细 + + 立即提现 + + + + + + + + + + + + + + + + + 开通PLUSI会员尊享礼遇 + + PLUSI会员尊享礼遇 + + + + + + PLUSI会员可享以下特权 + + 解锁新权益 精彩享不停 + + + + + + + + + + + + 1、 + 可以领取880元黑卡专享礼包 + + + + + + 2、 + 可以领取880元黑卡专享礼包 + + + + 3、 + 可以领取880元黑卡专享礼包 + + + + + + + + + + + + + + + + + + 好物推荐 + + + + + + + + + + + + GOOD HOT THING + + + + + + + + + + + + + + + + + + + + + + + + 请完善下面信息 + + + + + + + + + + + + + + + + + + + + 确认购买 + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/pages/user/plus/plus.wxss b/pages/user/plus/plus.wxss new file mode 100644 index 0000000..43a3aa1 --- /dev/null +++ b/pages/user/plus/plus.wxss @@ -0,0 +1,362 @@ +page { + width: 100%; + height: 100%; + z-index: 3; + overflow-x: hidden; +} +.plus{ + overflow-x: hidden; +} +.Member_bk { + position: absolute; + z-index: 0; + width: 100%; + height: 100%; +} + +.Opening_bk image { + position: absolute; + z-index: 2; + width: 100%; + height: 320rpx; +} + +.swiper { + width: 100%; + padding-top: 60rpx; +} + +swiper { + align-items: center; + display: flex; + justify-content: center; + height: 275rpx; +} + +.swiper image { + width: 490rpx; + height: 100%; + border-radius: 20rpx; +} + +.swiper, .Courtesy, .title { + position: relative; + z-index: 3; +} + +.Courtesy_image { + width: 50rpx; + height: 25rpx; + margin-top: 8rpx; +} + +.Courtesy_title { + color: rgb(173, 137, 79); + font-weight: bold; + margin-bottom: 10rpx; + letter-spacing: 2rpx; +} + +.Courtesy_can { + margin: 0rpx 7rpx; + color: rgb(94, 93, 91); + font-weight: bold; +} + +.Courtesy_comment { + padding: 0rpx 31rpx; +} + +.Equity_image { + width: 490rpx; + height: 175rpx; + margin: 20rpx 0rpx; +} + +/* 热门好物 */ + +.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; +} + +.Membership { + width: 575rpx; + height: 275rpx; + margin: 0 auto; + transform: scale(0.9); + border-radius: 18rpx; + box-shadow: 0rpx 0rpx 2rpx #888; + background-size: 100%; + padding: 0rpx 31rpx; + color: #ffa786; +} + +.enlarge { + transform: scale(1); +} + +.Membership_go { + margin-top: 50rpx; +} + +.Membership_Opening { + width: 150rpx; + height: 40rpx; + border-radius: 30rpx; + text-align: center; + line-height: 40rpx; + background-color: rgb(255, 167, 135); + color: #000; +} + +.Membership .Member { + width: 30rpx; + height: 30rpx; + margin-right: 5rpx; +} + +.Membership .Opening { + width: 160rpx; + height: 45rpx; + border-radius: 20rpx; + background-color: rgb(237, 189, 150); + line-height: 45rpx; + text-align: center; + margin-top: 2rpx; +} + +.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 .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); +} + +.Invitation .Detailed { + color: rgb(237, 189, 150); + text-decoration:underline; +} + +.consumption { + margin-top: 95rpx; + font-size: 18rpx; +} + +.Membership_remarks { + margin-top: 2rpx; +} + +.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%; +} + +.Member_sp { + height: 325rpx; +} + +.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 .share { + width: 30rpx; + height: 30rpx; + margin-left: 7rpx; +} + +.MemberPlus .privilege { + width: 30rpx; + height: 30rpx; + margin-right: 7rpx; +} + +.Disgraceful { + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: 0; + z-index: 11; + background: rgba(0, 0, 0, 0.4); + width: 100%; + height: 100%; +} + +.ddd { + border-radius: 20rpx; +} + +.Member_purchase { + width: 610rpx; + margin-top: 20rpx; +} + +.purchase_Bk { + width: 100%; + height: 225rpx; + background-size: 100%; +} + +.write { + width: 280rpx; + height: 275rpx; + bottom: 20rpx; + left: 185rpx; +} + +.inf_com { + background-color: rgb(255, 255, 255); + padding: 0rpx 85rpx; +} + +.perfect { + padding-top: 30rpx; + padding-bottom: 65rpx; +} + +.fillin { + color: rgb(208, 208, 208); +} + +.Enter_phone { + border-bottom: 1rpx solid rgb(153, 153, 153); + margin-bottom: 35rpx; +} + +.phone_image { + width: 60rpx; + height: 60rpx; + margin-bottom: 5rpx; +} + +.phone { + margin-left: 15rpx; + color: #000; +} + +.enter_SalesClerk { + border-bottom: 1rpx solid rgb(153, 153, 153); +} + +.SalesClerk_image { + width: 60rpx; + height: 60rpx; + margin-bottom: 5rpx; +} + +.SalesClerk { + margin-left: 15rpx; + color: #000; +} + +.purchase { + width: 250rpx; + height: 50rpx; + border-radius: 25rpx; + color: rgb(255, 255, 255); + margin: 55rpx 0rpx; +} + +.purchaseClose { + width: 70rpx; + height: 70rpx; + border-radius: 50%; + margin-top: 60rpx; +} + +input { + overflow: visible; + width: 360rpx; +} +.mc{ + position: fixed; + width: 100%; + height: 100%; + z-index: 7; + top: 0rpx; + left: 0rpx; + background-color: rgba(0,0,0,0.4); +} \ No newline at end of file