You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
287 lines
6.8 KiB
287 lines
6.8 KiB
<template>
|
|
<view class="user">
|
|
<view class="user-base-info">
|
|
<img src="../../static/usercenter/user-top-bg.png" alt="" style="width: 100%;"/>
|
|
<view class="box">
|
|
<view class="user-base-info-top">
|
|
<!-- 一般是凤尾鱼 -->
|
|
</view>
|
|
<view class="user-base-body">
|
|
<img src="../../static/usercenter/user-pic@3x.png" alt="" />
|
|
<view class="user-info">
|
|
<view class="user-name">
|
|
{{ userInfo.account }}
|
|
</view>
|
|
<view class="user-name">
|
|
code：{{ userInfo.invitationCode}}
|
|
</view>
|
|
<view class="vip">
|
|
vip
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="account-info">
|
|
<u-row customStyle="margin-bottom: 10px">
|
|
<u-col span="5" @click="toBalance">
|
|
<view>
|
|
{{ $t('page.user.balance') + " " + userInfo.money || 0 }}
|
|
</view>
|
|
<view>
|
|
<!-- 证券 -->
|
|
</view>
|
|
</u-col>
|
|
<u-col span="3.5" @click="toBalance">
|
|
<image class="purse-img" src="../../static/usercenter/purse 1024@3x.png"></image>
|
|
<view>{{ $t('page.user.purse') }}</view>
|
|
</u-col>
|
|
<u-col span="3.5" @click="toBankCard">
|
|
<image class="card-img" src="../../static/usercenter/card@3x.png"></image>
|
|
<view>{{ $t('page.user.cardCase') }}</view>
|
|
</u-col>
|
|
</u-row>
|
|
</view>
|
|
<view class="speedy">
|
|
<!-- <view class="speedy-top">
|
|
<text>Bon hàng cùa tói</text>
|
|
<view class="more">
|
|
Xem thèm don hàng
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</view>
|
|
</view> -->
|
|
<view class="speedy-list">
|
|
<view class="speedy-item">
|
|
<view @click="toOrder(0)" class="feature">
|
|
<image src="../../static/usercenter/recharge@3x.png" mode="aspectFit"></image>
|
|
<text>{{ $t('page.user.pendingPayment') }}</text>
|
|
</view>
|
|
<view @click="toOrder(1)" class="feature">
|
|
<image src="../../static/usercenter/withdraw@3x.png" mode="aspectFit"></image>
|
|
<text>{{ $t('page.user.pendingShipment') }}</text>
|
|
</view>
|
|
<view @click="toOrder(2)" class="feature">
|
|
<image src="../../static/usercenter/Delivery-address@3x.png" mode="aspectFit"></image>
|
|
<text>{{ $t('page.user.pendingReceipt') }}</text>
|
|
</view>
|
|
<view @click="toOrder(3)" class="feature">
|
|
<image src="../../static/usercenter/Recharge- record@3x.png" mode="aspectFit"></image>
|
|
<text>{{ $t('page.user.completed') }}</text>
|
|
</view>
|
|
</view>
|
|
<view class="speedy-item">
|
|
<view class="feature" @click="toCollect">
|
|
<image src="../../static/usercenter/Collect@3x.png" mode="aspectFit"></image>
|
|
<text>{{ $t('page.user.collect') }}</text>
|
|
</view>
|
|
<view class="feature" @click="toAddress">
|
|
<image src="../../static/usercenter/address@3x.png" mode="aspectFit"></image>
|
|
<text>{{ $t('page.user.address') }}</text>
|
|
</view>
|
|
<view class="feature" @click="toAuth">
|
|
<image src="../../static/usercenter/standing@3x.png" mode="aspectFit"></image>
|
|
<text>{{ $t('page.user.standing') }}</text>
|
|
</view>
|
|
<view class="feature" @click="toSetting">
|
|
<image src="../../static/usercenter/Settings@3x.png" mode="aspectFit"></image>
|
|
<text>{{ $t('page.user.settings') }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
userInfo : {
|
|
account : localStorage.getItem('account'),
|
|
money : localStorage.getItem('money'),invitationCode:localStorage.getItem('invitationCode'),
|
|
}
|
|
}
|
|
},
|
|
onShow(){
|
|
this.userInfo = {
|
|
account : localStorage.getItem('account'),
|
|
money : localStorage.getItem('money'),
|
|
invitationCode:localStorage.getItem('invitationCode'),
|
|
|
|
}
|
|
this.getInfo()
|
|
},
|
|
methods: {
|
|
getInfo(){
|
|
this.request('getInfo')
|
|
.then(res => {
|
|
if(res.code == 200){
|
|
localStorage.setItem('uid', res.result.id)
|
|
localStorage.setItem('money', res.result.money || 0)
|
|
localStorage.setItem('account', res.result.account)
|
|
localStorage.setItem('invitationCode',res.result.invitationCode)
|
|
}
|
|
})
|
|
},
|
|
toBalance(){
|
|
uni.navigateTo({
|
|
url : '/pages/balance/balance'
|
|
})
|
|
},
|
|
toAddress(){
|
|
uni.navigateTo({
|
|
url : '/pages/user/address/address'
|
|
})
|
|
},
|
|
toCollect(){
|
|
uni.reLaunch({
|
|
url : '/pages/collect/collect'
|
|
})
|
|
},
|
|
toAuth(){
|
|
uni.navigateTo({
|
|
url : '/pages/user/IdentityAuthentication/IdentityAuthentication'
|
|
})
|
|
},
|
|
toOrder(id){
|
|
localStorage.setItem('orderIndex', id)
|
|
uni.switchTab({
|
|
url : '/pages/order/order'
|
|
})
|
|
},
|
|
toBankCard(){
|
|
uni.navigateTo({
|
|
url : '/pages/user/bankCart/bankCart'
|
|
})
|
|
},
|
|
toSetting(){
|
|
uni.navigateTo({
|
|
url : '/pages/setting/setting'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.user {
|
|
.user-base-info {
|
|
position: relative;
|
|
background: white;
|
|
img{
|
|
vertical-align: middle;
|
|
}
|
|
.box{
|
|
height: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
.user-base-info-top {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 16px;
|
|
height: 30%;
|
|
color: #F3F3F3;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.user-base-body {
|
|
box-sizing: border-box;
|
|
padding: 0px 15px;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
height: 70%;
|
|
|
|
img {
|
|
width: 70px;
|
|
height: 70px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.user-info {
|
|
.user-name {
|
|
color: #F3F3F3;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.vip {
|
|
background: #FCCC92;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
width: 46px;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
color: #FA6239;
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.account-info{
|
|
height: 100px;
|
|
background: white;
|
|
font-size: 25rpx;
|
|
.u-row{
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
.u-col{
|
|
display: flex;
|
|
height: 71px;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
border-right: 2px solid #ccc;
|
|
&:nth-child(3n){
|
|
border-right: none;
|
|
}
|
|
image{
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.speedy{
|
|
box-sizing: border-box;
|
|
margin-top: 20px;
|
|
.speedy-top{
|
|
display: flex;
|
|
height: 60px;
|
|
background: white;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0px 15px;
|
|
.more{
|
|
display: flex;
|
|
}
|
|
}
|
|
.speedy-list{
|
|
.speedy-item{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
margin-bottom: 15px;
|
|
background: white;
|
|
padding: 15px 15px;
|
|
font-size: 25rpx;
|
|
.feature{
|
|
flex:1;
|
|
text-align: center;
|
|
image{
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
text{
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|