|
|
@ -3,15 +3,15 @@ |
|
|
|
|
|
|
|
|
<view class="backimg"> |
|
|
<view class="backimg"> |
|
|
<view class="head-portrait"> |
|
|
<view class="head-portrait"> |
|
|
|
|
|
|
|
|
|
|
|
<image :src="userInfo.image" mode="aspectFill"></image> |
|
|
</view> |
|
|
</view> |
|
|
<view class="id"> |
|
|
<view class="id"> |
|
|
李晓春 |
|
|
|
|
|
|
|
|
{{ userInfo.name }} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="box"> |
|
|
<view class="box"> |
|
|
<view class="index" |
|
|
|
|
|
|
|
|
<view class="index" |
|
|
@click="$utils.navigateTo('/pages_order/order/memberList')"> |
|
|
@click="$utils.navigateTo('/pages_order/order/memberList')"> |
|
|
<view class="indus"> |
|
|
<view class="indus"> |
|
|
<view class="horn"> |
|
|
<view class="horn"> |
|
|
@ -25,13 +25,12 @@ |
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<hr /> |
|
|
|
|
|
<view class="index" @click="$utils.navigateTo('/pages_order/order/ChangePassword')"> |
|
|
<view class="index" @click="$utils.navigateTo('/pages_order/order/ChangePassword')"> |
|
|
<view class="indus"> |
|
|
<view class="indus"> |
|
|
<view class="horn"> |
|
|
<view class="horn"> |
|
|
<uv-icon name="lock-fill" size="30rpx"></uv-icon> |
|
|
<uv-icon name="lock-fill" size="30rpx"></uv-icon> |
|
|
</view> |
|
|
</view> |
|
|
<view class="words" > |
|
|
|
|
|
|
|
|
<view class="words"> |
|
|
修改密码 |
|
|
修改密码 |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -39,14 +38,12 @@ |
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<hr /> |
|
|
|
|
|
<view class="index" |
|
|
|
|
|
@click="$utils.navigateTo('/pages_order/order/FavoriteList')"> |
|
|
|
|
|
|
|
|
<view class="index" @click="$utils.navigateTo('/pages_order/order/FavoriteList')"> |
|
|
<view class="indus"> |
|
|
<view class="indus"> |
|
|
<view class="horn"> |
|
|
<view class="horn"> |
|
|
<uv-icon name="star-fill" size="30rpx"></uv-icon> |
|
|
<uv-icon name="star-fill" size="30rpx"></uv-icon> |
|
|
</view> |
|
|
</view> |
|
|
<view class="words" > |
|
|
|
|
|
|
|
|
<view class="words"> |
|
|
收藏列表 |
|
|
收藏列表 |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -54,7 +51,6 @@ |
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<hr /> |
|
|
|
|
|
<view class="index" @click="$utils.navigateTo('/pages_order/order/HelpCenter')"> |
|
|
<view class="index" @click="$utils.navigateTo('/pages_order/order/HelpCenter')"> |
|
|
<view class="indus"> |
|
|
<view class="indus"> |
|
|
<view class="horn"> |
|
|
<view class="horn"> |
|
|
@ -68,7 +64,6 @@ |
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<hr /> |
|
|
|
|
|
<view class="index" @click="$utils.navigateTo('/pages_order/order/PrivacyAgreement')"> |
|
|
<view class="index" @click="$utils.navigateTo('/pages_order/order/PrivacyAgreement')"> |
|
|
<view class="indus"> |
|
|
<view class="indus"> |
|
|
<view class="horn"> |
|
|
<view class="horn"> |
|
|
@ -82,55 +77,47 @@ |
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<hr /> |
|
|
|
|
|
|
|
|
<view class="index" @click="$store.commit('logout')"> |
|
|
|
|
|
<view class="indus"> |
|
|
|
|
|
<view class="horn"> |
|
|
|
|
|
<uv-icon name="info-circle-fill" size="30rpx"></uv-icon> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="words"> |
|
|
|
|
|
退出登录 |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="arrow"> |
|
|
|
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<tabber select="1" /> |
|
|
<tabber select="1" /> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import tabber from '@/components/base/tabbar.vue' |
|
|
import tabber from '@/components/base/tabbar.vue' |
|
|
import { |
|
|
|
|
|
mapGetters |
|
|
|
|
|
} from 'vuex' |
|
|
|
|
|
import userShopCommission from '@/components/userShop/userShopCommission.vue' |
|
|
|
|
|
|
|
|
import { mapState } from 'vuex' |
|
|
export default { |
|
|
export default { |
|
|
components: { |
|
|
components: { |
|
|
tabber, |
|
|
tabber, |
|
|
userShopCommission, |
|
|
|
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
...mapGetters(['userShop']), |
|
|
|
|
|
|
|
|
...mapState(['userInfo']), |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return {} |
|
|
return {} |
|
|
}, |
|
|
}, |
|
|
|
|
|
onShow() { |
|
|
|
|
|
this.$store.commit('getUserInfo') |
|
|
|
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
headBtn() { |
|
|
|
|
|
let self = this |
|
|
|
|
|
uni.showModal({ |
|
|
|
|
|
title: '演示切换角色之后的效果', |
|
|
|
|
|
success(res) { |
|
|
|
|
|
if (res.confirm) { |
|
|
|
|
|
self.$store.state.shop = !self.$store.state.shop |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
<style scoped lang="scss"> |
|
|
hr { |
|
|
|
|
|
width: 80%; /* 设置为视口宽度的一半 */ |
|
|
|
|
|
margin: auto; /* 自动边距,实现水平居中 */ |
|
|
|
|
|
border: none; /* 移除默认边框 */ |
|
|
|
|
|
border-top: 1px solid #ccc; /* 设置顶部边框,可以根据需要更改颜色和大小 */ |
|
|
|
|
|
clear: both; /* 如果有浮动元素,清除浮动确保hr在它下方 */ |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.page { |
|
|
.page { |
|
|
.backimg { |
|
|
.backimg { |
|
|
|
|
|
|
|
|
@ -146,7 +133,11 @@ |
|
|
.head-portrait { |
|
|
.head-portrait { |
|
|
height: 150rpx; |
|
|
height: 150rpx; |
|
|
width: 150rpx; |
|
|
width: 150rpx; |
|
|
background-color: greenyellow; |
|
|
|
|
|
|
|
|
image{ |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.id { |
|
|
.id { |
|
|
@ -155,35 +146,34 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
.box{ |
|
|
|
|
|
margin-top: 80rpx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.box { |
|
|
|
|
|
margin-top: 30rpx; |
|
|
.index { |
|
|
.index { |
|
|
|
|
|
|
|
|
padding: 0rpx 60rpx; |
|
|
|
|
|
margin: 30rpx 0rpx; |
|
|
|
|
|
|
|
|
padding: 30rpx 0; |
|
|
|
|
|
margin: 0 60rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
|
|
border-bottom: 1px solid #ccc; |
|
|
.indus { |
|
|
.indus { |
|
|
display: flex; |
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.words { |
|
|
.words { |
|
|
margin: 0rpx 5rpx; |
|
|
margin: 0rpx 5rpx; |
|
|
font-size: 27rpx; |
|
|
font-size: 27rpx; |
|
|
opacity: 0.8; |
|
|
opacity: 0.8; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.horn { |
|
|
.horn { |
|
|
margin: 5rpx 10rpx; |
|
|
margin: 5rpx 10rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.arrow { |
|
|
.arrow { |
|
|
padding: 8rpx; |
|
|
padding: 8rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|