| | |
| | | <view class="head-bar-nav" :style="{ height: navHeight + 'px' }"></view> |
| | | </view> |
| | | <view class="user"> |
| | | <<<<<<< HEAD |
| | | <view class="user-left" @click="jumpUser"> |
| | | ======= |
| | | <view class="user-left" @click="jumpSettings"> |
| | | >>>>>>> 7b09a9950f13521190a4aef9bbc2a6163445566c |
| | | <view class="user-image"> |
| | | <image :src="userInfo.imgFullUrl?userInfo.imgFullUrl:'/static/icon/default.png'" mode="widthFix"></image> |
| | | </view> |
| | | <view class="user-name"> |
| | | <button open-type="getPhoneNumber" @getphonenumber="getphonenumber" v-if="!userInfo">获取手机号</button> |
| | | {{userInfo ? userInfo.nickname : '点击登录'}} |
| | | {{userInfo ? maskPhone(userInfo.phone) : '点击登录'}} |
| | | </view> |
| | | </view> |
| | | <view class="user-right" v-if="userInfo"> |
| | |
| | | </view> |
| | | <view class="func-list"> |
| | | <view class="func-list-item" @click="jumpOrder(1)"> |
| | | <view class="func-list-item-num" v-if="orderNum && orderNum.waitPayOrders > 0">{{orderNum.waitPayOrders > 99 ? '99+' : orderNum.waitPayOrders}}</view> |
| | | <image src="/static/icon/mine_ic_daifukuan@2x.png" mode="widthFix"></image> |
| | | <view class="func-list-item-image"> |
| | | <image src="/static/icon/mine_ic_daifukuan@2x.png" mode="widthFix"></image> |
| | | <view class="func-list-item-num" v-if="orderNum && orderNum.waitPayOrders > 0">{{orderNum.waitPayOrders > 99 ? '99+' : orderNum.waitPayOrders}}</view> |
| | | </view> |
| | | <text>待支付</text> |
| | | </view> |
| | | <view class="func-list-item" @click="jumpOrder(2)"> |
| | | <view class="func-list-item-num" v-if="orderNum && orderNum.waitOrders > 0">{{orderNum.waitOrders > 99 ? '99+' : orderNum.waitOrders}}</view> |
| | | <image src="/static/icon/mine_ic_daifahuo@2x.png" mode="widthFix"></image> |
| | | <view class="func-list-item-image"> |
| | | <view class="func-list-item-num" v-if="orderNum && orderNum.waitOrders > 0">{{orderNum.waitOrders > 99 ? '99+' : orderNum.waitOrders}}</view> |
| | | <image src="/static/icon/mine_ic_daifahuo@2x.png" mode="widthFix"></image> |
| | | </view> |
| | | <text>待发货/自提</text> |
| | | </view> |
| | | <view class="func-list-item" @click="jumpOrder(3)"> |
| | | <view class="func-list-item-num" v-if="orderNum && orderNum.waitReceivedOrders > 0">{{orderNum.waitReceivedOrders > 99 ? '99+' : orderNum.waitReceivedOrders}}</view> |
| | | <image src="/static/icon/mine_ic_daishouhuo@2x.png" mode="widthFix"></image> |
| | | <view class="func-list-item-image"> |
| | | <view class="func-list-item-num" v-if="orderNum && orderNum.waitReceivedOrders > 0">{{orderNum.waitReceivedOrders > 99 ? '99+' : orderNum.waitReceivedOrders}}</view> |
| | | <image src="/static/icon/mine_ic_daishouhuo@2x.png" mode="widthFix"></image> |
| | | </view> |
| | | <text>待收货</text> |
| | | </view> |
| | | </view> |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | maskPhone(phone) { |
| | | if (!phone) return ''; |
| | | // 假设手机号为 11 位,保留前 3 位和后 4 位 |
| | | return phone.slice(0, 3) + '****' + phone.slice(-4); |
| | | }, |
| | | jumpUser() { |
| | | if (this.userInfo) { |
| | | uni.navigateTo({ |
| | |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | .func-list-item-num { |
| | | position: absolute; |
| | | top: 0; |
| | | right: -10rpx; |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | line-height: 40rpx; |
| | | text-align: center; |
| | | border-radius: 50%; |
| | | background-color: #E4001D; |
| | | font-weight: 400; |
| | | font-size: 22rpx; |
| | | color: #FFFFFF; |
| | | } |
| | | image { |
| | | .func-list-item-image { |
| | | width: 60rpx; |
| | | height: 60rpx; |
| | | position: relative; |
| | | image { |
| | | width: 60rpx; |
| | | height: 60rpx; |
| | | } |
| | | .func-list-item-num { |
| | | position: absolute; |
| | | top: 0; |
| | | right: -10rpx; |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | line-height: 40rpx; |
| | | text-align: center; |
| | | border-radius: 50%; |
| | | background-color: #E4001D; |
| | | font-weight: 400; |
| | | font-size: 22rpx; |
| | | color: #FFFFFF; |
| | | } |
| | | } |
| | | text { |
| | | font-weight: 400; |