|
@@ -1,31 +1,39 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view class="pensonal">
|
|
<view class="pensonal">
|
|
|
<network-error />
|
|
<network-error />
|
|
|
- <view class="login u-flex" @click="login">
|
|
|
|
|
|
|
+ <view class="login u-flex"
|
|
|
|
|
+ @click="login">
|
|
|
<block v-if="!userInfo.nick_name">
|
|
<block v-if="!userInfo.nick_name">
|
|
|
- <image class="avatar" src="~@/static/icon/avatar.png"></image>
|
|
|
|
|
|
|
+ <image class="avatar"
|
|
|
|
|
+ src="~@/static/icon/avatar.png"></image>
|
|
|
<text class="name u-content-color line-50 ml-16 u-flex-1 bold">点击登录</text>
|
|
<text class="name u-content-color line-50 ml-16 u-flex-1 bold">点击登录</text>
|
|
|
</block>
|
|
</block>
|
|
|
<block v-else>
|
|
<block v-else>
|
|
|
- <image class="avatar" :src="userInfo.head_url"></image>
|
|
|
|
|
|
|
+ <image class="avatar"
|
|
|
|
|
+ :src="userInfo.head_url"></image>
|
|
|
<view class="name line-50 ml-16 u-flex-1 u-line-1 bold">{{userInfo.nick_name}}</view>
|
|
<view class="name line-50 ml-16 u-flex-1 u-line-1 bold">{{userInfo.nick_name}}</view>
|
|
|
</block>
|
|
</block>
|
|
|
- <block v-if="userInfo.id">
|
|
|
|
|
- <view class="info u-font-22" @click.stop="toUserDetail">个人信息<u-icon name="arrow-right"></u-icon></view>
|
|
|
|
|
|
|
+ <block v-if="userInfo.token">
|
|
|
|
|
+ <view class="info u-font-22"
|
|
|
|
|
+ @click.stop="toUserDetail">个人信息<u-icon name="arrow-right"></u-icon>
|
|
|
|
|
+ </view>
|
|
|
</block>
|
|
</block>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="item-list">
|
|
<view class="item-list">
|
|
|
- <view class="item u-flex u-border-bottom" @click="toDetail(1)">
|
|
|
|
|
|
|
+ <view class="item u-flex u-border-bottom"
|
|
|
|
|
+ @click="toDetail(1)">
|
|
|
<view class="icon-wh icon-problem"></view>
|
|
<view class="icon-wh icon-problem"></view>
|
|
|
<view class="u-font-28 ml-28 u-flex-1 title">常见问题</view>
|
|
<view class="u-font-28 ml-28 u-flex-1 title">常见问题</view>
|
|
|
<view class="jiantou-wh icon-jiantou "></view>
|
|
<view class="jiantou-wh icon-jiantou "></view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="item u-flex u-border-bottom" @click="toDetail(2)">
|
|
|
|
|
|
|
+ <view class="item u-flex u-border-bottom"
|
|
|
|
|
+ @click="toDetail(2)">
|
|
|
<view class="icon-wh icon-aboutour"></view>
|
|
<view class="icon-wh icon-aboutour"></view>
|
|
|
<view class="u-font-28 ml-28 u-flex-1 title">关于我们</view>
|
|
<view class="u-font-28 ml-28 u-flex-1 title">关于我们</view>
|
|
|
<view class="jiantou-wh icon-jiantou "></view>
|
|
<view class="jiantou-wh icon-jiantou "></view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="item u-flex" @click="toDetail(3)">
|
|
|
|
|
|
|
+ <view class="item u-flex"
|
|
|
|
|
+ @click="toDetail(3)">
|
|
|
<view class="icon-wh icon-order"></view>
|
|
<view class="icon-wh icon-order"></view>
|
|
|
<view class="u-font-28 ml-28 u-flex-1 title">订单</view>
|
|
<view class="u-font-28 ml-28 u-flex-1 title">订单</view>
|
|
|
<view class="jiantou-wh icon-jiantou"></view>
|
|
<view class="jiantou-wh icon-jiantou"></view>
|
|
@@ -61,7 +69,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
// 登录
|
|
// 登录
|
|
|
login () {
|
|
login () {
|
|
|
- if (this.userInfo.id) { return }
|
|
|
|
|
|
|
+ if (this.userInfo.token) { return }
|
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
|
url: '/pagesSub/other/login'
|
|
url: '/pagesSub/other/login'
|
|
|
})
|
|
})
|
|
@@ -77,61 +85,61 @@ export default {
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
- .pensonal {
|
|
|
|
|
- width: 750px;
|
|
|
|
|
- background: #FFF;
|
|
|
|
|
- }
|
|
|
|
|
- .login {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 156px;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- padding: 8px 0 40px 40px;
|
|
|
|
|
- }
|
|
|
|
|
- .info {
|
|
|
|
|
- width: 124px;
|
|
|
|
|
- height: 48px;
|
|
|
|
|
- line-height: 48px;
|
|
|
|
|
- background: $bg-personl-info-color;
|
|
|
|
|
- color: #FFFFFF;
|
|
|
|
|
- text-align: right;
|
|
|
|
|
- border-radius: 100px 0px 0px 100px;
|
|
|
|
|
- }
|
|
|
|
|
- .avatar {
|
|
|
|
|
- width: 108px;
|
|
|
|
|
- height: 108px;
|
|
|
|
|
- border-radius: 54px;
|
|
|
|
|
- }
|
|
|
|
|
- .name {
|
|
|
|
|
- width: 414px;
|
|
|
|
|
- height: 50px;
|
|
|
|
|
- font-size: 36px;
|
|
|
|
|
- margin-left: 16px;
|
|
|
|
|
- }
|
|
|
|
|
- .item-list {
|
|
|
|
|
|
|
+.pensonal {
|
|
|
|
|
+ width: 750px;
|
|
|
|
|
+ background: #fff;
|
|
|
|
|
+}
|
|
|
|
|
+.login {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 156px;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ padding: 8px 0 40px 40px;
|
|
|
|
|
+}
|
|
|
|
|
+.info {
|
|
|
|
|
+ width: 124px;
|
|
|
|
|
+ height: 48px;
|
|
|
|
|
+ line-height: 48px;
|
|
|
|
|
+ background: $bg-personl-info-color;
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ text-align: right;
|
|
|
|
|
+ border-radius: 100px 0px 0px 100px;
|
|
|
|
|
+}
|
|
|
|
|
+.avatar {
|
|
|
|
|
+ width: 108px;
|
|
|
|
|
+ height: 108px;
|
|
|
|
|
+ border-radius: 54px;
|
|
|
|
|
+}
|
|
|
|
|
+.name {
|
|
|
|
|
+ width: 414px;
|
|
|
|
|
+ height: 50px;
|
|
|
|
|
+ font-size: 36px;
|
|
|
|
|
+ margin-left: 16px;
|
|
|
|
|
+}
|
|
|
|
|
+.item-list {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ background: #fff;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ padding: 0 32px 0 40px;
|
|
|
|
|
+ .item {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- background: #FFF;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
- padding: 0 32px 0 40px;
|
|
|
|
|
- .item {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 96px;
|
|
|
|
|
- .title {
|
|
|
|
|
- color: $u-main-color;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ height: 96px;
|
|
|
|
|
+ .title {
|
|
|
|
|
+ color: $u-main-color;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- // .border-bottom {
|
|
|
|
|
- // border-bottom: 1px solid $u-border-color;
|
|
|
|
|
- // }
|
|
|
|
|
- .icon-wh {
|
|
|
|
|
- width: 36px;
|
|
|
|
|
- height: 36px;
|
|
|
|
|
- }
|
|
|
|
|
- .jiantou-wh {
|
|
|
|
|
- width: 14px;
|
|
|
|
|
- height: 24px;
|
|
|
|
|
- }
|
|
|
|
|
- .ml-28 {
|
|
|
|
|
- margin-left: 28px;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+}
|
|
|
|
|
+// .border-bottom {
|
|
|
|
|
+// border-bottom: 1px solid $u-border-color;
|
|
|
|
|
+// }
|
|
|
|
|
+.icon-wh {
|
|
|
|
|
+ width: 36px;
|
|
|
|
|
+ height: 36px;
|
|
|
|
|
+}
|
|
|
|
|
+.jiantou-wh {
|
|
|
|
|
+ width: 14px;
|
|
|
|
|
+ height: 24px;
|
|
|
|
|
+}
|
|
|
|
|
+.ml-28 {
|
|
|
|
|
+ margin-left: 28px;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|