|
|
|
@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<view class="content"> |
|
|
|
|
|
|
|
|
|
|
|
<view class="banner"> |
|
|
|
<view class="head-div flex"> |
|
|
|
<view style="width: 118rpx;height: 118rpx;overflow: hidden;border-radius: 50%;"> |
|
|
|
@ -28,16 +28,16 @@ |
|
|
|
<view class="button-cz" @click="clickWallet">立即提现</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="two-card"> |
|
|
|
<view class="flex"> |
|
|
|
<view style="width: 10rpx;height: 30rpx;background: #4a9ca6;border-radius: 6rpx;"/> |
|
|
|
<view style="width: 10rpx;height: 30rpx;background: #4a9ca6;border-radius: 6rpx;" /> |
|
|
|
<view class="head-title">常用功能</view> |
|
|
|
</view> |
|
|
|
<view style="background-color: #fff;border-radius: 16rpx;"> |
|
|
|
<view class="flex icons"> |
|
|
|
<view class="menuItem" @click="clickUpload"> |
|
|
|
<image class="icon" src="/static/icons/photo-album.png"/> |
|
|
|
<image class="icon" src="/static/icons/photo-album.png" /> |
|
|
|
<view class="title">我的相册</view> |
|
|
|
</view> |
|
|
|
<view class="menuItem" @click="clickSettled"> |
|
|
|
@ -53,8 +53,7 @@ |
|
|
|
<view class="title">实名认证</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="flex icons" |
|
|
|
style="margin-top: 0;"> |
|
|
|
<view class="flex icons" style="margin-top: 0;"> |
|
|
|
<view class="menuItem" @click="clickServerTime"> |
|
|
|
<image class="icon" src="/static/icons/m1.png" /> |
|
|
|
<view class="title">服务时间</view> |
|
|
|
@ -66,30 +65,26 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<configPopup |
|
|
|
:keyValue="keyValue" |
|
|
|
:show="configPopupShow" |
|
|
|
:list="config" |
|
|
|
@close="configPopupShow = false"/> |
|
|
|
|
|
|
|
|
|
|
|
<configPopup :keyValue="keyValue" :show="configPopupShow" :list="config" @close="configPopupShow = false" /> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import configPopup from '@/components/configPopup' |
|
|
|
export default { |
|
|
|
components : { |
|
|
|
components: { |
|
|
|
configPopup |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
userInfo : {}, |
|
|
|
belece : {}, |
|
|
|
configPopupShow : false, |
|
|
|
keyValue : 'phone', |
|
|
|
config : [], |
|
|
|
phone : '', |
|
|
|
userInfo: {}, |
|
|
|
belece: {}, |
|
|
|
configPopupShow: false, |
|
|
|
keyValue: 'phone', |
|
|
|
config: [], |
|
|
|
phone: '', |
|
|
|
} |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
@ -114,18 +109,22 @@ |
|
|
|
}, |
|
|
|
getConfig() { |
|
|
|
// this.vid = uni.getStorageSync("ivcode"); |
|
|
|
this.$api('getConfig', {} ,res => { |
|
|
|
if(res.code == 200){ |
|
|
|
this.$api('getConfig', {}, res => { |
|
|
|
if (res.code == 200) { |
|
|
|
res.result.forEach(n => { |
|
|
|
if(n.keyValue == 'phone'){ |
|
|
|
this.phone = n.name |
|
|
|
if (n.keyValue == 'phone') { |
|
|
|
this.phone = this.deleteTag(item.content); |
|
|
|
} |
|
|
|
}) |
|
|
|
this.config = res.result |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
logout(){ |
|
|
|
//删除html标签 |
|
|
|
deleteTag(html){ |
|
|
|
return html.replace(/<[^>]*>/g, ''); |
|
|
|
}, |
|
|
|
logout() { |
|
|
|
uni.removeStorageSync('token') |
|
|
|
uni.removeStorageSync('userInfo') |
|
|
|
uni.showToast({ |
|
|
|
@ -136,34 +135,66 @@ |
|
|
|
url: '/pages/login/mobile' |
|
|
|
}) |
|
|
|
}, |
|
|
|
clickUpload(){ uni.navigateTo({ url: '/pages/mine/upload' }) }, |
|
|
|
clickSettled(){ uni.navigateTo({ url: '/pages/mine/settled' }) }, |
|
|
|
clickWallet(){ uni.navigateTo({ url: '/pages/mine/wallet'}) }, |
|
|
|
clickServerTime(){ uni.navigateTo({ url: `/pages/mine/serverTime?uid=${this.userInfo.id}` }) }, |
|
|
|
clickAuthentication(){ uni.navigateTo({ url: '/pages/mine/authentication'}) }, |
|
|
|
clickService(){ uni.makePhoneCall({ phoneNumber: this.phone, success:() => {}, fail: () => {} });}, |
|
|
|
|
|
|
|
clickUpload() { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/mine/upload' |
|
|
|
}) |
|
|
|
}, |
|
|
|
clickSettled() { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/mine/settled' |
|
|
|
}) |
|
|
|
}, |
|
|
|
clickWallet() { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/mine/wallet' |
|
|
|
}) |
|
|
|
}, |
|
|
|
clickServerTime() { |
|
|
|
uni.navigateTo({ |
|
|
|
url: `/pages/mine/serverTime?uid=${this.userInfo.id}` |
|
|
|
}) |
|
|
|
}, |
|
|
|
clickAuthentication() { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/mine/authentication' |
|
|
|
}) |
|
|
|
}, |
|
|
|
clickService() { |
|
|
|
if (this.phone.includes('http')) { |
|
|
|
window.open(this.phone, true) |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
uni.makePhoneCall({ |
|
|
|
phoneNumber: this.phone, |
|
|
|
success: () => {}, |
|
|
|
fail: () => {} |
|
|
|
}); |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
body{ |
|
|
|
body { |
|
|
|
background-color: #f5f5f5; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.banner { |
|
|
|
width: 100%; |
|
|
|
height: calc(392rpx - 60rpx); |
|
|
|
background: #fff; |
|
|
|
} |
|
|
|
.head-div{ |
|
|
|
|
|
|
|
.head-div { |
|
|
|
width: calc(100vw - 72rpx); |
|
|
|
height: 268rpx; |
|
|
|
padding: 72rpx 36rpx 0; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
.nickname{ |
|
|
|
|
|
|
|
.nickname { |
|
|
|
font-size: 36rpx; |
|
|
|
font-family: PingFang SC, PingFang SC-Bold; |
|
|
|
font-weight: 700; |
|
|
|
@ -171,7 +202,8 @@ |
|
|
|
color: #323232; |
|
|
|
line-height: 42rpx; |
|
|
|
} |
|
|
|
.days{ |
|
|
|
|
|
|
|
.days { |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFang SC, PingFang SC-Regular; |
|
|
|
font-weight: 400; |
|
|
|
@ -179,23 +211,24 @@ |
|
|
|
color: #ababab; |
|
|
|
line-height: 40rpx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.one-card{ |
|
|
|
|
|
|
|
|
|
|
|
.one-card { |
|
|
|
width: 678rpx; |
|
|
|
height: 116rpx; |
|
|
|
border-radius: 16rpx; |
|
|
|
margin: -30rpx auto 0; |
|
|
|
} |
|
|
|
|
|
|
|
.two-card{ |
|
|
|
.two-card { |
|
|
|
width: calc(675rpx); |
|
|
|
height: 228rpx; |
|
|
|
border-radius: 16rpx; |
|
|
|
margin: 20rpx auto; |
|
|
|
padding: 40rpx 0; |
|
|
|
} |
|
|
|
.title{ |
|
|
|
|
|
|
|
.title { |
|
|
|
height: 40rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
@ -205,19 +238,22 @@ |
|
|
|
color: #2f2e2e; |
|
|
|
margin-top: 15rpx; |
|
|
|
} |
|
|
|
.icons{ |
|
|
|
|
|
|
|
.icons { |
|
|
|
width: 100%; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-top: 30rpx; |
|
|
|
padding: 20rpx 0rpx; |
|
|
|
} |
|
|
|
.icon{ |
|
|
|
|
|
|
|
.icon { |
|
|
|
margin: 0 32rpx; |
|
|
|
width: 48rpx; |
|
|
|
height: 48rpx; |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
.head-title{ |
|
|
|
|
|
|
|
.head-title { |
|
|
|
font-size: 30rpx; |
|
|
|
font-family: PingFang SC, PingFang SC-Bold; |
|
|
|
color: #2f2e2e; |
|
|
|
@ -227,13 +263,13 @@ |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.font-4{ |
|
|
|
.font-4 { |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFang SC, PingFang SC-Bold; |
|
|
|
font-weight: 700; |
|
|
|
text-align: left; |
|
|
|
color: #ffffff; |
|
|
|
text-shadow: 0 4rpx 6rpx 0 rgba(40,170,133,0.81); |
|
|
|
text-shadow: 0 4rpx 6rpx 0 rgba(40, 170, 133, 0.81); |
|
|
|
line-height: 44rpx; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
@ -241,22 +277,24 @@ |
|
|
|
left: 52rpx; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
.font-5{ |
|
|
|
|
|
|
|
.font-5 { |
|
|
|
font-size: 42rpx; |
|
|
|
font-family: PingFang SC, PingFang SC-Bold; |
|
|
|
font-weight: bolder; |
|
|
|
text-align: left; |
|
|
|
color: #ffffff; |
|
|
|
line-height: 72rpx; |
|
|
|
text-shadow: 0 4rpx 6rpx 0 rgba(0,0,0,0.16); |
|
|
|
text-shadow: 0 4rpx 6rpx 0 rgba(0, 0, 0, 0.16); |
|
|
|
} |
|
|
|
.button-cz{ |
|
|
|
|
|
|
|
.button-cz { |
|
|
|
width: 200rpx; |
|
|
|
height: 58rpx; |
|
|
|
line-height: 58rpx; |
|
|
|
background: linear-gradient(182deg,#ffffff 2%, #a6fce3 88%); |
|
|
|
background: linear-gradient(182deg, #ffffff 2%, #a6fce3 88%); |
|
|
|
border-radius: 30rpx; |
|
|
|
box-shadow: 0 6rpx 12rpx 0 rgba(129,209,186,0.66); |
|
|
|
box-shadow: 0 6rpx 12rpx 0 rgba(129, 209, 186, 0.66); |
|
|
|
|
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFang SC, PingFang SC-Bold; |
|
|
|
@ -269,11 +307,11 @@ |
|
|
|
right: 52rpx; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.menuItem{ |
|
|
|
|
|
|
|
.menuItem { |
|
|
|
width: 25%; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
