个人中心切图
This commit is contained in:
@@ -2,14 +2,22 @@
|
||||
<view :loading="loading">
|
||||
<view class="mine">
|
||||
<view class="mine-header" @click="jump('basic')">
|
||||
<image mode="aspectFill" class="mine-header-head" src="/static/head.jpg" />
|
||||
<view class="mine-header-name hide-txt">灿能电力</view>
|
||||
<image mode="aspectFill" class="mine-header-head" src="/static/head.png" />
|
||||
<view class="mine-header-name hide-txt">
|
||||
<view>灿能电力</view>
|
||||
<view class="tag">普通用户</view>
|
||||
</view>
|
||||
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
|
||||
</view>
|
||||
<view class="mine-nav" @click="jump('server')"
|
||||
style="border-bottom: none; box-shadow: 0 4rpx 8rpx #e7e7e74c;">
|
||||
<view class="mine-nav" @click="jump('upgrade')">
|
||||
<image mode="aspectFill" class="mine-nav-icon" src="/static/server.png" />
|
||||
<view class="mine-nav-label">客服</view>
|
||||
<view class="mine-nav-label">角色升级</view>
|
||||
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
|
||||
</view>
|
||||
<view class="mine-nav" @click="jump('message')"
|
||||
style="border-bottom: none; box-shadow: 0 4rpx 8rpx #e7e7e74c;">
|
||||
<image mode="aspectFill" class="mine-nav-icon" src="/static/message2.png" />
|
||||
<view class="mine-nav-label">个人消息</view>
|
||||
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
|
||||
</view>
|
||||
<view class="mine-nav" @click="jump('setup')" style="margin-top:20rpx;border-bottom: none; ">
|
||||
@@ -17,6 +25,10 @@
|
||||
<view class="mine-nav-label">设置</view>
|
||||
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
|
||||
</view>
|
||||
<uni-popup ref="inputDialog" type="dialog">
|
||||
<uni-popup-dialog ref="inputClose" mode="input" title="角色升级" placeholder="请输入六位邀请码"
|
||||
@confirm="upgrade"></uni-popup-dialog>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -31,12 +43,23 @@ export default {
|
||||
methods: {
|
||||
init () {
|
||||
},
|
||||
upgrade (code) {
|
||||
console.log(code);
|
||||
uni.showToast({
|
||||
title: '升级成功',
|
||||
icon: 'none'
|
||||
})
|
||||
},
|
||||
jump (type) {
|
||||
switch (type) {
|
||||
case 'login':
|
||||
uni.navigateTo({
|
||||
url: `/pages/login/login`
|
||||
url: `/pages/user/login`
|
||||
})
|
||||
break;
|
||||
case 'upgrade':
|
||||
this.$refs.inputDialog.open()
|
||||
break;
|
||||
default:
|
||||
uni.navigateTo({
|
||||
url: `/pages/mine/${type}`
|
||||
@@ -75,6 +98,12 @@ export default {
|
||||
font-size: 36rpx;
|
||||
color: #111;
|
||||
font-weight: 700;
|
||||
|
||||
.tag {
|
||||
margin-top: 10rpx;
|
||||
font-size: 24rpx;
|
||||
color: #aaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user