|
@@ -3,21 +3,17 @@
|
|
<cm-custom :navbar-data="nvabarData" />
|
|
<cm-custom :navbar-data="nvabarData" />
|
|
<view class="user-section">
|
|
<view class="user-section">
|
|
<view class="header" :style="{
|
|
<view class="header" :style="{
|
|
- height: CustomBar + 90 - StatusBar + 'px',
|
|
|
|
- paddingTop: CustomBar + 'px',
|
|
|
|
|
|
+ height: CustomBar + 130 - StatusBar + 'px',
|
|
|
|
+ paddingTop: CustomBar-20 + 'px',
|
|
background: 'url(' + bgImgUrl + ')',
|
|
background: 'url(' + bgImgUrl + ')',
|
|
backgroundSize: 'cover'
|
|
backgroundSize: 'cover'
|
|
}">
|
|
}">
|
|
<view class="header-main" v-if="hasLogin">
|
|
<view class="header-main" v-if="hasLogin">
|
|
- <view class="header-icon" @click="TestZHIboFn()">
|
|
|
|
|
|
+ <view class="header-user">
|
|
<image src="https://static.caimei365.com/app/img/icon/default-head-new.png" mode=""></image>
|
|
<image src="https://static.caimei365.com/app/img/icon/default-head-new.png" mode=""></image>
|
|
|
|
+ <view class="user-tips">协销人员</view>
|
|
</view>
|
|
</view>
|
|
- <view class="header-text">
|
|
|
|
- <view class="user-item">
|
|
|
|
- <text class="u-h1">{{ name }}</text>
|
|
|
|
- </view>
|
|
|
|
- <view class="user-item"> <text class="u-tips">协销人员</text> </view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="user-h1">{{ name }}</view>
|
|
</view>
|
|
</view>
|
|
<!-- 订单 -->
|
|
<!-- 订单 -->
|
|
<view class="user-order">
|
|
<view class="user-order">
|
|
@@ -124,7 +120,7 @@
|
|
//顶部自定义导航
|
|
//顶部自定义导航
|
|
showCapsule: 1, // 是否显示左上角图标 1表示显示 0表示不显示,
|
|
showCapsule: 1, // 是否显示左上角图标 1表示显示 0表示不显示,
|
|
showSearch: 0,
|
|
showSearch: 0,
|
|
- title: '账户中心', // 导航栏 中间的标题
|
|
|
|
|
|
+ title: '', // 导航栏 中间的标题
|
|
haveBack: false,
|
|
haveBack: false,
|
|
textLeft: this.$store.state.isIphone,
|
|
textLeft: this.$store.state.isIphone,
|
|
textColor: '#FFFFFF',
|
|
textColor: '#FFFFFF',
|
|
@@ -132,7 +128,7 @@
|
|
},
|
|
},
|
|
CustomBar: this.CustomBar, // 顶部导航栏高度
|
|
CustomBar: this.CustomBar, // 顶部导航栏高度
|
|
StatusBar: this.StatusBar,
|
|
StatusBar: this.StatusBar,
|
|
- bgImgUrl: 'https://static.caimei365.com/app/img/bg/new_home_cumres@2x.png',
|
|
|
|
|
|
+ bgImgUrl: 'https://static.caimei365.com/app/img/bg/new_seller_cumres@2x.png',
|
|
name: '',
|
|
name: '',
|
|
headpic: '',
|
|
headpic: '',
|
|
userId: '',
|
|
userId: '',
|
|
@@ -264,21 +260,6 @@
|
|
this.orderNum = this.showBadge(data.uncheckedOrderCount) //未查看订单数量
|
|
this.orderNum = this.showBadge(data.uncheckedOrderCount) //未查看订单数量
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- TestZHIboFn() {
|
|
|
|
- //测试跳转直播小程序
|
|
|
|
- // uni.navigateToMiniProgram({
|
|
|
|
- // appId: 'wx92d650b253f8f2e3',
|
|
|
|
- // path: '/pages/index/index',
|
|
|
|
- // extraData: {
|
|
|
|
- // 'data1': 'test'
|
|
|
|
- // },
|
|
|
|
- // envVersion: 'develop',
|
|
|
|
- // success(res) {
|
|
|
|
- // // 打开成功
|
|
|
|
- // console.log(res)
|
|
|
|
- // }
|
|
|
|
- // })
|
|
|
|
- },
|
|
|
|
navigator(url) {
|
|
navigator(url) {
|
|
this.$api.navigateTo(url)
|
|
this.$api.navigateTo(url)
|
|
},
|
|
},
|
|
@@ -316,168 +297,58 @@
|
|
position: relative;
|
|
position: relative;
|
|
background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
}
|
|
-
|
|
|
|
.header-main {
|
|
.header-main {
|
|
- width: 702rpx;
|
|
|
|
- height: 130rpx;
|
|
|
|
- padding: 12rpx 24rpx;
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: auto;
|
|
|
|
+ box-sizing: border-box;
|
|
display: flex;
|
|
display: flex;
|
|
-
|
|
|
|
- .header-text {
|
|
|
|
- flex: 8;
|
|
|
|
|
|
+ justify-content: center;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ align-items: center;
|
|
|
|
+ .header-user{
|
|
|
|
+ width: 100rpx;
|
|
display: flex;
|
|
display: flex;
|
|
|
|
+ justify-content: center;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
-
|
|
|
|
- .user-item {
|
|
|
|
- flex: 1;
|
|
|
|
- height: 64rpx;
|
|
|
|
- line-height: 64rpx;
|
|
|
|
-
|
|
|
|
- .u-tips {
|
|
|
|
- display: inline-block;
|
|
|
|
- float: left;
|
|
|
|
- width: 98rpx;
|
|
|
|
- height: 30rpx;
|
|
|
|
- border: 1px solid #ffffff;
|
|
|
|
- background: #ffffff;
|
|
|
|
- border-radius: 16rpx;
|
|
|
|
- line-height: 30rpx;
|
|
|
|
- font-size: $font-size-20;
|
|
|
|
- text-align: center;
|
|
|
|
- color: #999;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .u-viptips {
|
|
|
|
- display: inline-block;
|
|
|
|
- float: left;
|
|
|
|
- width: 98rpx;
|
|
|
|
- height: 30rpx;
|
|
|
|
- border: 1px solid #ffe600;
|
|
|
|
- background: linear-gradient(128deg, rgba(242, 143, 49, 1) 0%, rgba(225, 86, 22, 1) 100%);
|
|
|
|
- border-radius: 16rpx;
|
|
|
|
- line-height: 30rpx;
|
|
|
|
- font-size: $font-size-20;
|
|
|
|
- text-align: center;
|
|
|
|
- color: #ffe600;
|
|
|
|
- margin-left: 10rpx;
|
|
|
|
- margin-top: 17rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .u-h1 {
|
|
|
|
- float: left;
|
|
|
|
- font-size: $font-size-30;
|
|
|
|
- color: #ffffff;
|
|
|
|
- text-align: left;
|
|
|
|
- -o-text-overflow: ellipsis;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
- display: -webkit-box;
|
|
|
|
- word-break: break-all;
|
|
|
|
- -webkit-box-orient: vertical;
|
|
|
|
- -webkit-line-clamp: 1;
|
|
|
|
- overflow: hidden;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .u-p {
|
|
|
|
- font-size: $font-size-24;
|
|
|
|
- line-height: 64rpx;
|
|
|
|
- color: #ffffff;
|
|
|
|
- text-align: left;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .header-icon {
|
|
|
|
- flex: 2;
|
|
|
|
- margin-right: 20rpx;
|
|
|
|
-
|
|
|
|
|
|
+ align-items: center;
|
|
|
|
+ position: relative;
|
|
image {
|
|
image {
|
|
- float: right;
|
|
|
|
- width: 128rpx;
|
|
|
|
- height: 128rpx;
|
|
|
|
- border-radius: 100%;
|
|
|
|
- border: 2rpx solid #ffffff;
|
|
|
|
|
|
+ width: 120rpx;
|
|
|
|
+ height: 120rpx;
|
|
|
|
+ border-radius: 50%;
|
|
|
|
+ display: block;
|
|
|
|
+ position: relative;
|
|
}
|
|
}
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .header-main-none {
|
|
|
|
- width: 702rpx;
|
|
|
|
- height: 152rpx;
|
|
|
|
- padding: 0 24rpx;
|
|
|
|
- display: flex;
|
|
|
|
-
|
|
|
|
- .header-text {
|
|
|
|
- flex: 8;
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: column;
|
|
|
|
-
|
|
|
|
- .user-item {
|
|
|
|
- flex: 1;
|
|
|
|
- height: 50rpx;
|
|
|
|
- line-height: 50rpx;
|
|
|
|
-
|
|
|
|
- .line {
|
|
|
|
- margin: 0 10rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .u-h1 {
|
|
|
|
- float: left;
|
|
|
|
- font-size: $font-size-36;
|
|
|
|
- color: #ffffff;
|
|
|
|
- text-align: left;
|
|
|
|
- -o-text-overflow: ellipsis;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
- display: -webkit-box;
|
|
|
|
- word-break: break-all;
|
|
|
|
- -webkit-box-orient: vertical;
|
|
|
|
- -webkit-line-clamp: 1;
|
|
|
|
- overflow: hidden;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .u-p {
|
|
|
|
- font-size: $font-size-24;
|
|
|
|
- line-height: 50rpx;
|
|
|
|
- color: #efefef;
|
|
|
|
- text-align: left;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .u-btn {
|
|
|
|
- width: 160rpx;
|
|
|
|
- height: 40rpx;
|
|
|
|
- background: rgba(255, 255, 255, 0.5);
|
|
|
|
- border-radius: 5rpx;
|
|
|
|
- line-height: 40rpx;
|
|
|
|
- text-align: center;
|
|
|
|
- font-size: $font-size-24;
|
|
|
|
- color: #ffffff;
|
|
|
|
- display: block;
|
|
|
|
- margin-top: 5rpx;
|
|
|
|
- padding-left: 6rpx;
|
|
|
|
-
|
|
|
|
- .icon-xiangyouhuabeifen {
|
|
|
|
- font-size: $font-size-24;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .user-tips{
|
|
|
|
+ width: 100rpx;
|
|
|
|
+ height: 30rpx;
|
|
|
|
+ border: 1px solid #ffffff;
|
|
|
|
+ background: #ffffff;
|
|
|
|
+ border-radius: 16rpx;
|
|
|
|
+ line-height: 30rpx;
|
|
|
|
+ font-size: $font-size-20;
|
|
|
|
+ text-align: center;
|
|
|
|
+ color: #999;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: -20rpx;
|
|
|
|
+ left: 0;
|
|
|
|
+ z-index: 999;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
- .header-icon {
|
|
|
|
- flex: 2;
|
|
|
|
- display: flex;
|
|
|
|
- margin-right: 20rpx;
|
|
|
|
- align-items: center;
|
|
|
|
- justify-content: center;
|
|
|
|
-
|
|
|
|
- image {
|
|
|
|
- float: right;
|
|
|
|
- width: 128rpx;
|
|
|
|
- height: 128rpx;
|
|
|
|
- border-radius: 100%;
|
|
|
|
- border: 2rpx solid #ffffff;
|
|
|
|
- }
|
|
|
|
|
|
+ .user-h1 {
|
|
|
|
+ font-size: $font-size-30;
|
|
|
|
+ color: #ffffff;
|
|
|
|
+ text-align: center;
|
|
|
|
+ -o-text-overflow: ellipsis;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ margin: 30rpx 0 0 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
.user-order {
|
|
.user-order {
|
|
width: 654rpx;
|
|
width: 654rpx;
|
|
height: auto;
|
|
height: auto;
|
|
@@ -485,7 +356,7 @@
|
|
background-color: $bg-color;
|
|
background-color: $bg-color;
|
|
margin-bottom: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
position: absolute;
|
|
position: absolute;
|
|
- bottom: -170rpx;
|
|
|
|
|
|
+ bottom: -160rpx;
|
|
left: 24rpx;
|
|
left: 24rpx;
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
}
|
|
}
|
|
@@ -576,7 +447,7 @@
|
|
width: 100%;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 0 24rpx;
|
|
padding: 0 24rpx;
|
|
- padding-top: 168rpx;
|
|
|
|
|
|
+ padding-top: 160rpx;
|
|
padding-bottom: 120rpx;
|
|
padding-bottom: 120rpx;
|
|
}
|
|
}
|
|
|
|
|