|
|
|
@ -1,8 +1,7 @@ |
|
|
|
|
<template> |
|
|
|
|
<view> |
|
|
|
|
<!-- #ifdef H5 --> |
|
|
|
|
<!-- 占位 --> |
|
|
|
|
<view v-if="showHeader" class="place"></view> |
|
|
|
|
<view class="status"></view> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
<view class="user"> |
|
|
|
|
<!-- 头像 --> |
|
|
|
@ -10,119 +9,142 @@ |
|
|
|
|
<image :src="imagewxUrl+imgadres" v-if="!user.headerImg"></image> |
|
|
|
|
<image :src="user.headerImg" v-else></image> |
|
|
|
|
</view> |
|
|
|
|
<!-- 昵称,个性签名 --> |
|
|
|
|
<!-- 昵称 --> |
|
|
|
|
<view class="right"> |
|
|
|
|
<view class="username" v-if="!user.name" @click="jumplogin">请授权登录</view> |
|
|
|
|
<view class="username" v-else>{{user.name}}</view> |
|
|
|
|
<view class="font14 fcorfff" v-if="!user.gold">积分: 0</view> |
|
|
|
|
<view class="font14 fcorfff" v-else>积分: {{user.gold}} 个</view> |
|
|
|
|
<!-- <view class="signature" @tap="toSetting">{{user.signature}}</view> --> |
|
|
|
|
</view> |
|
|
|
|
<!-- 二维码按钮 --> |
|
|
|
|
<!-- #ifdef MP --> |
|
|
|
|
<button class="erweima fotct aliitem font14" v-if="user.phone == null" open-type="getPhoneNumber" |
|
|
|
|
@getphonenumber="getPhoneNumber"> |
|
|
|
|
<image src="../../../static/img/jingbi.png"></image> 充值积分 |
|
|
|
|
</button> |
|
|
|
|
<button class="erweima fotct aliitem font14" v-else @click="toDeposit"> |
|
|
|
|
<image src="../../../static/img/jingbi.png"></image> 充值积分 |
|
|
|
|
</button> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
<!-- #ifdef H5 --> |
|
|
|
|
<button class="erweima fotct aliitem font14" v-if="user.phone == null" @click="jumplogin"> |
|
|
|
|
<image src="../../../static/img/jingbi.png"></image> 充值积分 |
|
|
|
|
</button> |
|
|
|
|
<button class="erweima fotct aliitem font14" v-else @click="toDeposit"> |
|
|
|
|
<image src="../../../static/img/jingbi.png"></image> 充值积分 |
|
|
|
|
</button> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
<view class="username">{{user.name}}</view> |
|
|
|
|
<view class="font14 fcor333">{{userphone}}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 优惠券,卡券 --> |
|
|
|
|
<view class="headcoun width100"> |
|
|
|
|
<view class="height80 alijus width92 border-8r backcorfff"> |
|
|
|
|
<view class="width45 fotct" @click="jumppage(5)"> |
|
|
|
|
<view class="width100 font12 fcor333"><text class="font20 marglerig">{{textnum}} </text> 张</view> |
|
|
|
|
<view class="width100 font18 fcor333 mart5">卡券</view> |
|
|
|
|
</view> |
|
|
|
|
<view style="width: 1px;height: 50px;background-color: #f6f6f6;"> |
|
|
|
|
</view> |
|
|
|
|
<view class="width45 fotct" @click="jumppage(6)"> |
|
|
|
|
<view class="width100 font12 fcor333"><text class="font20 marglerig">{{textSend}} </text> 张</view> |
|
|
|
|
<view class="width100 font18 fcor333 mart5">优惠券</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- 订单-余额 --> |
|
|
|
|
<view class="order"> |
|
|
|
|
<!-- 订单类型 --> |
|
|
|
|
<view class="title">我的订单</view> |
|
|
|
|
<view class="title width94"> |
|
|
|
|
<view class="width70 fontwig6">订单</view> |
|
|
|
|
<view class="width30 alijusend font14 fcor999" @click="toOrderList(-1)">全部订单<image class="icon15" |
|
|
|
|
mode="widthFix" src="../../../static/img/jt.png"> |
|
|
|
|
</image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="list"> |
|
|
|
|
<view class="box" v-for="(row,index) in orderList" :key="index" @tap="toOrderList(index)"> |
|
|
|
|
<uni-badge style="width: 20px;position: absolute; left: 15%;" v-if="row.text == '待支付' && therrNum " |
|
|
|
|
<uni-badge style="width: 20px;position: absolute; left: 18%;" v-if="row.text == '待支付' && therrNum " |
|
|
|
|
:text="therrNum" type="error" size="normal"></uni-badge> |
|
|
|
|
<uni-badge style="width: 20px;position: absolute; left: 42%;" |
|
|
|
|
v-if="row.text == '已支付' && orderPayNum " :text="orderPayNum" type="error" size="normal"> |
|
|
|
|
</uni-badge> |
|
|
|
|
<view class="img"> |
|
|
|
|
<view class="icon" :class="row.icon"></view> |
|
|
|
|
<image :src="row.icon" class="icon40" mode="widthFix"></image> |
|
|
|
|
</view> |
|
|
|
|
<view class="text">{{row.text}}</view> |
|
|
|
|
<view class="text mart10">{{row.text}}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="width90 mart10 height60"> |
|
|
|
|
<swiper circular="true" interval="3000" autoplay="true"> |
|
|
|
|
<swiper-item v-for="(swiper,index) in nopaylist" :key="index"> |
|
|
|
|
<view class="alijusstart border-8r backcor9 height60 "> |
|
|
|
|
<image mode="widthFix" class="icon40 margle10" src="../../../static/img/user/user5.png"> |
|
|
|
|
</image> |
|
|
|
|
<view class="width50 margle10"> |
|
|
|
|
<view class="font15 fcor333 fontspec">等待付款</view> |
|
|
|
|
<view class="font12 fcor666 fontspec mart5">剩余时间: 13:44</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- 话费充值 --> |
|
|
|
|
<view class="order"> |
|
|
|
|
<!-- 订单类型 --> |
|
|
|
|
<view class="title">话费充值</view> |
|
|
|
|
<view class="list"> |
|
|
|
|
<view class="box" v-for="(row,index) in huafeiList" :key="index" @tap="toOrdehuafeirList(index)"> |
|
|
|
|
<uni-badge style="width: 20px;position: absolute; left: 15%;" v-if="row.text == '待支付' && rechargeOrderNum " |
|
|
|
|
:text="rechargeOrderNum" type="error" size="normal"></uni-badge> |
|
|
|
|
<view class="img"> |
|
|
|
|
<view class="icon" :class="row.icon"></view> |
|
|
|
|
<view class="topay"> |
|
|
|
|
去支付 |
|
|
|
|
</view> |
|
|
|
|
<view class="text">{{row.text}}</view> |
|
|
|
|
</view> |
|
|
|
|
</swiper-item> |
|
|
|
|
</swiper> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 工具栏 --> |
|
|
|
|
<view class="toolbar"> |
|
|
|
|
<view class="title">卡券中心</view> |
|
|
|
|
<view class="list"> |
|
|
|
|
<view class="box" v-for="(row,index) in mytoolbarList" :key="index" @tap="toPage(row.url,row.text)"> |
|
|
|
|
<!-- <view style="width: 10px;height: 10px;"> |
|
|
|
|
<uni-badge text="1" type="error" /> |
|
|
|
|
</view> --> |
|
|
|
|
|
|
|
|
|
<uni-badge style="width: 20px;position: absolute; right: 55%;" v-if="row.text == '我的卡券' && textnum " |
|
|
|
|
:text="textnum" type="error" size="normal"></uni-badge> |
|
|
|
|
<uni-badge style="width: 20px;position: absolute; right: 30%;" |
|
|
|
|
v-if="row.text == '我的优惠券' && textSend " :text="textSend" type="error" size="normal"></uni-badge> |
|
|
|
|
<view class="img"> |
|
|
|
|
<image :src="imagewxUrl+row.img"></image> |
|
|
|
|
<!-- 我的资产 --> |
|
|
|
|
<view class="order"> |
|
|
|
|
<view class="title width94"> |
|
|
|
|
<view class="width70 fontwig6 alijusstart">我的资产 |
|
|
|
|
<image mode="widthFix" class="icon30" v-if="assetsstu == 2" @click="updatestu(2)" |
|
|
|
|
src="../../../static/img/user/user6.png"></image> |
|
|
|
|
<image mode="widthFix" class="icon20 margle" v-if="assetsstu == 1" @click="updatestu(1)" |
|
|
|
|
src="../../../static/img/user/user14.png"></image> |
|
|
|
|
</view> |
|
|
|
|
<view class="text">{{row.text}}</view> |
|
|
|
|
<view class="width30 alijusend font14 fcor999" @click="jumppage(4)">进入卡包<image class="icon15" |
|
|
|
|
mode="widthFix" src="../../../static/img/jt.png"> |
|
|
|
|
</image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="mart15 width90 alijus fotct paddbotm10"> |
|
|
|
|
<view class="width31"> |
|
|
|
|
<view class="fontspec font20 fcor333 fontwig6" v-if="assetsstu == 2">****</view> |
|
|
|
|
<view class="fontspec font20 fcor333 fontwig6" v-if="assetsstu == 1">¥2400</view> |
|
|
|
|
<view class="fontspec font14 fcor333 mart5">积分余额</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 我的推广 --> |
|
|
|
|
<!-- <view class="toolbar" style="margin-top: 20px;"> |
|
|
|
|
<view class="title">推广中心</view> |
|
|
|
|
<view class="list"> |
|
|
|
|
<view class="box" v-for="(row,index) in mytgbarList" :key="index" @tap="toPage(row.url,row.text)"> |
|
|
|
|
<uni-badge style="width: 20px;position: absolute; right: 30%;" v-if="row.text == '我的卡券' && textnum " |
|
|
|
|
:text="textnum" type="error" size="normal"></uni-badge> |
|
|
|
|
<uni-badge style="width: 20px;position: absolute; right: 7%;" |
|
|
|
|
v-if="row.text == '我的优惠券' && textSend " :text="textSend" type="error" size="normal"></uni-badge> |
|
|
|
|
<view class="img" v-if="row.text != '客服' "> |
|
|
|
|
<image :src="imagewxUrl+row.img"></image> |
|
|
|
|
<view class="width31"> |
|
|
|
|
<view class="fontspec font20 fcor333 fontwig6" v-if="assetsstu == 2">****</view> |
|
|
|
|
<view class="fontspec font20 fcor333 fontwig6" v-if="assetsstu == 1">¥2400</view> |
|
|
|
|
<view class="fontspec font14 fcor333 mart5">油卡余额</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="text" v-if="row.text != '客服' ">{{row.text}}</view> |
|
|
|
|
<button open-type="contact" style="background-color: transparent;" class="img" show-message-card |
|
|
|
|
session-from send-message-path send-message-title v-if="row.text == '客服' "> |
|
|
|
|
<image :src="imagewxUrl+row.img"></image> |
|
|
|
|
</button> |
|
|
|
|
<view class="text" v-if="row.text == '客服' ">{{row.text}}</view> |
|
|
|
|
<view class="width31"> |
|
|
|
|
<view class="fontspec font20 fcor333 fontwig6" v-if="assetsstu == 2">****</view> |
|
|
|
|
<view class="fontspec font20 fcor333 fontwig6" v-if="assetsstu == 1">¥2400</view> |
|
|
|
|
<view class="fontspec font14 fcor333 mart5">工会卡余额</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- 商务中心 --> |
|
|
|
|
<view class="order"> |
|
|
|
|
<view class="title width94"> |
|
|
|
|
<view class="width70 fontwig6">商务中心</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="width90 alijusstart fotct paddbotm10 mart10"> |
|
|
|
|
<!-- <view class="width31" @click="jumppage(1)"> |
|
|
|
|
<image mode="widthFix" class="icon45" src="../../../static/img/user/user7.png"></image> |
|
|
|
|
<view class="fontspec font14 fcor333 mart5">门店登陆</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="width31" @click="jumppage(2)"> |
|
|
|
|
<image mode="widthFix" class="icon45" src="../../../static/img/user/user8.png"></image> |
|
|
|
|
<view class="fontspec font14 fcor333 mart5">代理商登陆</view> |
|
|
|
|
</view> --> |
|
|
|
|
<view class="width30w" @click="jumppage(3)"> |
|
|
|
|
<image mode="widthFix" class="icon45" src="../../../static/img/user/user9.png"></image> |
|
|
|
|
<view class="fontspec font14 fcor333 mart5">我的推广</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="toolbar" style="margin-top: 20px;"> |
|
|
|
|
<view class="title">我的</view> |
|
|
|
|
|
|
|
|
|
<!-- 其他 --> |
|
|
|
|
<view class="order"> |
|
|
|
|
<view class="height20 width94"> |
|
|
|
|
</view> |
|
|
|
|
<view class="list"> |
|
|
|
|
<view class="box" v-for="(row,index) in czList" :key="index" @tap="toPage(row.url,row.text)"> |
|
|
|
|
<view class="img"> |
|
|
|
|
<image :src="row.img" v-if="row.type != 1"></image> |
|
|
|
|
<image :src="imagewxUrl+row.img" v-else></image> |
|
|
|
|
<view class="img" v-if="row.text != '客服' "> |
|
|
|
|
<image :src="row.img" class="icon40" mode="widthFix"></image> |
|
|
|
|
</view> |
|
|
|
|
<view class="text">{{row.text}}</view> |
|
|
|
|
<button open-type="contact" style="background-color: transparent;" class="img" show-message-card |
|
|
|
|
session-from send-message-path send-message-title v-if="row.text == '客服' "> |
|
|
|
|
<image class="icon40" mode="widthFix" :src="row.img"></image> |
|
|
|
|
</button> |
|
|
|
|
<view class="text mart10">{{row.text}}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 占位 --> |
|
|
|
|
<view class="place-bottom"></view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
@ -142,91 +164,36 @@ |
|
|
|
|
isfirst: true, |
|
|
|
|
imagewxUrl: app.globalData.imageWxImg, |
|
|
|
|
imgadres: 'head.png', |
|
|
|
|
headerPosition: "fixed", |
|
|
|
|
textnum: '', |
|
|
|
|
textSend: '', |
|
|
|
|
therrNum: '', |
|
|
|
|
rechargeOrderNum:'', //话费待支付 |
|
|
|
|
headerTop: null, |
|
|
|
|
statusTop: null, |
|
|
|
|
showHeader: true, |
|
|
|
|
whetherCheckNum: '', //未查看数量 |
|
|
|
|
orderPayNum: '', //支付订单数量 |
|
|
|
|
//个人信息, |
|
|
|
|
user: "", |
|
|
|
|
// 订单类型 |
|
|
|
|
orderList: [{ |
|
|
|
|
text: '待支付', |
|
|
|
|
icon: "fukuan" |
|
|
|
|
icon: "../../../static/img/user/user1.png" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
text: '已支付', |
|
|
|
|
icon: "fahuo" |
|
|
|
|
icon: "../../../static/img/user/user2.png" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
text: '已完成', |
|
|
|
|
icon: "shouhuo" |
|
|
|
|
icon: "../../../static/img/user/user3.png" |
|
|
|
|
}, { |
|
|
|
|
text: '已退款', |
|
|
|
|
icon: "tuihuo" |
|
|
|
|
}, { |
|
|
|
|
text: '已取消', |
|
|
|
|
icon: "pingjia" |
|
|
|
|
icon: "../../../static/img/user/user4.png" |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
huafeiList: [{ |
|
|
|
|
text: '待支付', |
|
|
|
|
icon: "fukuan" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
text: '已支付', |
|
|
|
|
icon: "fahuo" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
text: '已完成', |
|
|
|
|
icon: "shouhuo" |
|
|
|
|
}, { |
|
|
|
|
text: '已取消', |
|
|
|
|
icon: "pingjia" |
|
|
|
|
}, { |
|
|
|
|
text: '已退款', |
|
|
|
|
icon: "tuihuo" |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
// 工具栏列表 |
|
|
|
|
mytoolbarList: [{ |
|
|
|
|
url: '/pages/goods/recording/recording', |
|
|
|
|
text: '积分记录', |
|
|
|
|
img: 'user/mingxi.png' |
|
|
|
|
}, |
|
|
|
|
// , |
|
|
|
|
// { |
|
|
|
|
// url: '/pages/goods/recording/recording?id=2', |
|
|
|
|
// text: '消费记录', |
|
|
|
|
// img: 'user/quan.png' |
|
|
|
|
// }, |
|
|
|
|
{ |
|
|
|
|
url: '/pages/user/mineCoupons/mineCoupons', |
|
|
|
|
text: '我的卡券', |
|
|
|
|
img: 'user/choujiang.png' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
url: '../../user/coupon/coupon', |
|
|
|
|
text: '我的优惠券', |
|
|
|
|
img: 'user/momey.png' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
url: '/pages/user/myPromotion/myPromotion', |
|
|
|
|
text: '我的推广', |
|
|
|
|
img: 'user/extension.png' |
|
|
|
|
} |
|
|
|
|
// , |
|
|
|
|
// { |
|
|
|
|
// url: '/pages/user/generatePoster/generatePoster', |
|
|
|
|
// text: '生成海报', |
|
|
|
|
// img: 'user/poster.png' |
|
|
|
|
// } |
|
|
|
|
], |
|
|
|
|
//操作列表 |
|
|
|
|
czList: '', |
|
|
|
|
nopaylist: [1, 2, 3, 4, 5], |
|
|
|
|
assetsstu: 2, |
|
|
|
|
userphone:'' // 手机号 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
//下拉刷新,需要自己在page.json文件中配置开启页面下拉刷新 "enablePullDownRefresh": true |
|
|
|
@ -235,18 +202,10 @@ |
|
|
|
|
uni.stopPullDownRefresh(); |
|
|
|
|
}, 1000); |
|
|
|
|
}, |
|
|
|
|
onPageScroll(e) { |
|
|
|
|
//兼容iOS端下拉时顶部漂移 |
|
|
|
|
this.headerPosition = e.scrollTop >= 0 ? "fixed" : "absolute"; |
|
|
|
|
this.headerTop = e.scrollTop >= 0 ? null : 0; |
|
|
|
|
this.statusTop = e.scrollTop >= 0 ? null : -this.statusHeight + 'px'; |
|
|
|
|
}, |
|
|
|
|
onLoad() { |
|
|
|
|
this.statusHeight = 0; |
|
|
|
|
// #ifdef H5 |
|
|
|
|
this.showHeader = true; |
|
|
|
|
// this.statusHeight = plus.navigator.getStatusbarHeight(); |
|
|
|
|
// #endif |
|
|
|
|
if (!app.globalData.userInfo) { |
|
|
|
|
this.findUser() |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onReady() { |
|
|
|
|
//此处,演示,每次页面初次渲染都把登录状态重置 |
|
|
|
@ -263,43 +222,37 @@ |
|
|
|
|
} |
|
|
|
|
if (!app.globalData.userInfo.isSetPayPwd) { |
|
|
|
|
this.czList = [{ |
|
|
|
|
url: '../../../subPages/cardsList/cardsList', |
|
|
|
|
text: '卡包', |
|
|
|
|
img: '../../../static/img/ghkpay.png', |
|
|
|
|
type: 2 |
|
|
|
|
}, { |
|
|
|
|
url: '', |
|
|
|
|
text: '客服', |
|
|
|
|
img: 'user/kefu.png', |
|
|
|
|
type: 1 |
|
|
|
|
url: '/pages/goods/recording/recording', |
|
|
|
|
text: '积分记录', |
|
|
|
|
img: '../../../static/img/ghkpay.png' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
url: '../../login/updatePas/updatePas', |
|
|
|
|
text: '设置积分密码', |
|
|
|
|
img: '../../../static/img/pas.png', |
|
|
|
|
type: 2 |
|
|
|
|
}, |
|
|
|
|
text: '支付密码', |
|
|
|
|
img: '../../../static/img/user/user11.png' |
|
|
|
|
}, { |
|
|
|
|
url: '', |
|
|
|
|
text: '客服', |
|
|
|
|
img: '../../../static/img/user/user13.png' |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
// '../../user/unionCard/unionCard' |
|
|
|
|
this.czList = [{ |
|
|
|
|
url: '../../../subPages/cardsList/cardsList', |
|
|
|
|
text: '卡包', |
|
|
|
|
img: '../../../static/img/ghkpay.png', |
|
|
|
|
type: 2 |
|
|
|
|
}, { |
|
|
|
|
url: '', |
|
|
|
|
text: '客服', |
|
|
|
|
img: 'user/kefu.png', |
|
|
|
|
type: 1 |
|
|
|
|
img: '../../../static/img/ghkpay.png' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
url: '../../login/updatePas/resetPas', |
|
|
|
|
text: '修改积分密码', |
|
|
|
|
img: '../../../static/img/pas.png', |
|
|
|
|
type: 2 |
|
|
|
|
text: '支付密码', |
|
|
|
|
img: '../../../static/img/user/user11.png' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
url: '', |
|
|
|
|
text: '客服', |
|
|
|
|
img: '../../../static/img/user/user13.png' |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
@ -312,7 +265,10 @@ |
|
|
|
|
this.textnum = res.return_data.unusedCouponNum; |
|
|
|
|
this.textSend = res.return_data.unusedDiscount; |
|
|
|
|
this.therrNum = res.return_data.unpaid; |
|
|
|
|
this.whetherCheckNum = res.return_data.whetherCheckNum; |
|
|
|
|
this.orderPayNum = res.return_data.orderPayNum; |
|
|
|
|
this.rechargeOrderNum = res.return_data.rechargeOrderNum; |
|
|
|
|
this.geTel(this.user.phone); |
|
|
|
|
uni.setStorage({ |
|
|
|
|
key: "user", |
|
|
|
|
data: res.return_data |
|
|
|
@ -341,6 +297,53 @@ |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
// 隐藏手机号 |
|
|
|
|
geTel(tel) { |
|
|
|
|
var reg = /^(\d{3})\d{4}(\d{4})$/; |
|
|
|
|
this.userphone = tel.replace(reg, "$1****$2"); |
|
|
|
|
}, |
|
|
|
|
// 资产查看状态 |
|
|
|
|
updatestu(item) { |
|
|
|
|
if (item == 1) { |
|
|
|
|
this.assetsstu = 2; |
|
|
|
|
} |
|
|
|
|
if (item == 2) { |
|
|
|
|
this.assetsstu = 1; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 推广 |
|
|
|
|
jumppage(item) { |
|
|
|
|
// if (item == 1) { |
|
|
|
|
// uni.navigateTo({ |
|
|
|
|
// url: '../../login/login?id=1' |
|
|
|
|
// }) |
|
|
|
|
// } |
|
|
|
|
// if (item == 2) { |
|
|
|
|
// uni.navigateTo({ |
|
|
|
|
// url: '../../login/login?id=2' |
|
|
|
|
// }) |
|
|
|
|
// } |
|
|
|
|
if (item == 3) { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '/pages/user/myPromotion/myPromotion' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
if (item == 4) { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '../../../subPages/cardsList/cardsList' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
if (item == 5) { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '/pages/user/mineCoupons/mineCoupons' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
if (item == 6) { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '../../user/coupon/coupon' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
//跳转登录 |
|
|
|
|
jumplogin() { |
|
|
|
|
uni.navigateTo({ |
|
|
|
@ -419,10 +422,6 @@ |
|
|
|
|
url: url |
|
|
|
|
}) |
|
|
|
|
} else { |
|
|
|
|
// uni.showModal({ |
|
|
|
|
// title: '客服', |
|
|
|
|
// content: '4006780738' |
|
|
|
|
// }) |
|
|
|
|
this.playPhone(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -453,124 +452,45 @@ |
|
|
|
|
</script> |
|
|
|
|
<style lang="scss"> |
|
|
|
|
page { |
|
|
|
|
position: relative; |
|
|
|
|
background-color: #fff; |
|
|
|
|
background-color: #f5f5f5; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.status { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 0; |
|
|
|
|
position: fixed; |
|
|
|
|
z-index: 10; |
|
|
|
|
background-color: #0083f5; |
|
|
|
|
top: 0; |
|
|
|
|
/* #ifdef APP-PLUS */ |
|
|
|
|
height: var(--status-bar-height); //覆盖样式 |
|
|
|
|
/* #endif */ |
|
|
|
|
|
|
|
|
|
height: 44px; |
|
|
|
|
background-color: #6fbdee; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.header { |
|
|
|
|
width: 92%; |
|
|
|
|
padding: 0 4%; |
|
|
|
|
height: 100upx; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
align-items: center; |
|
|
|
|
position: fixed; |
|
|
|
|
top: 0; |
|
|
|
|
z-index: 10; |
|
|
|
|
background-color: #0083f5; |
|
|
|
|
/* #ifdef APP-PLUS */ |
|
|
|
|
top: var(--status-bar-height); |
|
|
|
|
|
|
|
|
|
/* #endif */ |
|
|
|
|
.icon-btn { |
|
|
|
|
width: 120upx; |
|
|
|
|
height: 60upx; |
|
|
|
|
flex-shrink: 0; |
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
.icon { |
|
|
|
|
color: #fff; |
|
|
|
|
width: 60upx; |
|
|
|
|
height: 60upx; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
align-items: center; |
|
|
|
|
font-size: 42upx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
button::after { |
|
|
|
|
border: none |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.status { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 0; |
|
|
|
|
position: fixed; |
|
|
|
|
z-index: 10; |
|
|
|
|
background-color: #0083f5; |
|
|
|
|
top: 0; |
|
|
|
|
/* #ifdef APP-PLUS */ |
|
|
|
|
height: var(--status-bar-height); //覆盖样式 |
|
|
|
|
/* #endif */ |
|
|
|
|
|
|
|
|
|
.headcoun { |
|
|
|
|
background: linear-gradient(to bottom, #e8eff4, #f5f5f5); |
|
|
|
|
height: 100px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.header { |
|
|
|
|
width: 92%; |
|
|
|
|
padding: 0 4%; |
|
|
|
|
height: 100upx; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
align-items: center; |
|
|
|
|
position: fixed; |
|
|
|
|
top: 0; |
|
|
|
|
z-index: 10; |
|
|
|
|
background-color: #0083f5; |
|
|
|
|
/* #ifdef APP-PLUS */ |
|
|
|
|
top: var(--status-bar-height); |
|
|
|
|
|
|
|
|
|
/* #endif */ |
|
|
|
|
.icon-btn { |
|
|
|
|
width: 120upx; |
|
|
|
|
height: 60upx; |
|
|
|
|
flex-shrink: 0; |
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
.icon { |
|
|
|
|
color: #fff; |
|
|
|
|
width: 60upx; |
|
|
|
|
height: 60upx; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
align-items: center; |
|
|
|
|
font-size: 42upx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.topay { |
|
|
|
|
width: 70px; |
|
|
|
|
height: 25px; |
|
|
|
|
font-size: 14px; |
|
|
|
|
text-align: center; |
|
|
|
|
line-height: 25px; |
|
|
|
|
border-radius: 20px; |
|
|
|
|
border: 1px solid #009DFF; |
|
|
|
|
color: #009DFF; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.place { |
|
|
|
|
background-color: #0083f5; |
|
|
|
|
padding-left: 20px; |
|
|
|
|
padding-right: 20px; |
|
|
|
|
text-align: right; |
|
|
|
|
height: 50upx; |
|
|
|
|
/* #ifdef APP-PLUS */ |
|
|
|
|
margin-top: var(--status-bar-height); |
|
|
|
|
|
|
|
|
|
/* #endif */ |
|
|
|
|
image { |
|
|
|
|
width: 30px; |
|
|
|
|
height: 30px; |
|
|
|
|
.place-bottom { |
|
|
|
|
height: 200upx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
swiper { |
|
|
|
|
height: 60px !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.place-bottom { |
|
|
|
|
height: 300upx; |
|
|
|
|
swiper-item { |
|
|
|
|
height: 60px !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.user { |
|
|
|
@ -579,8 +499,8 @@ |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
// position: relative; |
|
|
|
|
background-color: #0083f5; |
|
|
|
|
padding-bottom: 40rpx; |
|
|
|
|
background: linear-gradient(to bottom, #6fbdee, #e8eff4); |
|
|
|
|
|
|
|
|
|
.left { |
|
|
|
|
width: 20vw; |
|
|
|
@ -603,7 +523,7 @@ |
|
|
|
|
|
|
|
|
|
.username { |
|
|
|
|
font-size: 36upx; |
|
|
|
|
color: #fff; |
|
|
|
|
color: #333333; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.signature { |
|
|
|
@ -639,9 +559,9 @@ |
|
|
|
|
|
|
|
|
|
.order { |
|
|
|
|
.title { |
|
|
|
|
padding-top: 10upx; |
|
|
|
|
margin: 0 0 10upx 3%; |
|
|
|
|
font-size: 30upx; |
|
|
|
|
padding-top: 10px; |
|
|
|
|
padding-bottom: 10px; |
|
|
|
|
font-size: 36upx; |
|
|
|
|
height: 80upx; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
@ -649,7 +569,7 @@ |
|
|
|
|
|
|
|
|
|
width: 92%; |
|
|
|
|
margin: 30rpx 4% 30rpx 4%; |
|
|
|
|
padding: 0rpx 0% 20rpx 0%; |
|
|
|
|
padding: 0rpx 0% 40rpx 0%; |
|
|
|
|
background-color: #fff; |
|
|
|
|
box-shadow: 0rpx 0rpx 25rpx rgba(0, 0, 0, 0.1); |
|
|
|
|
border-radius: 15rpx; |
|
|
|
@ -665,11 +585,6 @@ |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
|
|
.icon { |
|
|
|
|
font-size: 50upx; |
|
|
|
|
color: #464646; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.text { |
|
|
|
@ -744,42 +659,6 @@ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.VIP { |
|
|
|
|
width: 84%; |
|
|
|
|
margin: -65upx auto 20upx auto; |
|
|
|
|
padding: 30upx 4%; |
|
|
|
|
background: linear-gradient(to left, #dea96d 0%, #f6d59b 100%); |
|
|
|
|
box-shadow: 0upx 0upx 25upx rgba(0, 0, 0, 0.2); |
|
|
|
|
border-radius: 15upx; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
.img { |
|
|
|
|
flex-shrink: 0; |
|
|
|
|
width: 60upx; |
|
|
|
|
height: 60upx; |
|
|
|
|
|
|
|
|
|
image { |
|
|
|
|
width: 60upx; |
|
|
|
|
height: 60upx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.title { |
|
|
|
|
width: 100%; |
|
|
|
|
color: #796335; |
|
|
|
|
font-size: 30upx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.tis { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
color: #fcf0d0; |
|
|
|
|
font-size: 26upx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.toolbar { |
|
|
|
|
width: 92%; |
|
|
|
|
margin: 0 4% 0 4%; |
|
|
|
|