diff --git a/pages/pages_zhentou/myPage/myPage.vue b/pages/pages_zhentou/myPage/myPage.vue index 289afee..1233f36 100644 --- a/pages/pages_zhentou/myPage/myPage.vue +++ b/pages/pages_zhentou/myPage/myPage.vue @@ -1,10 +1,18 @@ @@ -13,7 +21,17 @@ export default { data() { return { - + userInfo: {} + } + }, + onShow() { + let userInfo = uni.getStorageSync('userInfo'); + if (userInfo) { + this.userInfo = JSON.parse(userInfo); + if(this.userInfo.id == undefined) { + this.userInfo.avatar = this.userInfo.avatarUrl; + this.userInfo.username = this.userInfo.nickName; + } } }, methods: { @@ -33,18 +51,48 @@ margin: 30rpx; padding: 30rpx; background-color: #fff; - border-radius: 20rpx; + border-radius: 30rpx; .avatar{ - + width: 100rpx; + height: 100rpx; + background: #D6D6D6; + border-radius: 20rpx; + margin-right: 30rpx; + } + .nickname{ + color: #333; + font-size: 32rpx; + font-weight: bold; + font-family: PingFang SC-Bold, PingFang SC; + } +} +.cnt-box{ + min-height: calc(100vh - 220rpx - 30rpx); + background-color: #fff; + margin: 0 30rpx; + border-radius: 30rpx; + .title{ + font-size: 28rpx; + font-family: PingFang SC-Bold, PingFang SC; + font-weight: bold; + color: #333333; + line-height: 40rpx; + padding: 30rpx; } } .address_box{ - width: 95%; - height: 100rpx; - background: #fff; - margin: 0 auto; display: flex; align-items: center; justify-content: space-between; + font-size: 26rpx; + font-family: PingFang SC-Bold, PingFang SC; + font-weight: bold; + color: #333333; + line-height: 37rpx; + margin: 0 16rpx 30rpx 23rpx; + .address_left{ + display: flex; + align-items: center; + } } diff --git a/static/image/icon-address.png b/static/image/icon-address.png new file mode 100644 index 0000000..2939ff1 Binary files /dev/null and b/static/image/icon-address.png differ diff --git a/static/image/icon-arrow-right.png b/static/image/icon-arrow-right.png new file mode 100644 index 0000000..b3dee01 Binary files /dev/null and b/static/image/icon-arrow-right.png differ