|
@@ -11,7 +11,23 @@
|
|
|
</u-navbar>
|
|
|
<view class="container_main">
|
|
|
<view class="header-box">
|
|
|
- <image src="@/static/image/home/home-top-img.png" mode=""></image>
|
|
|
+ <view class="user-content-box">
|
|
|
+ <view class="user-info-box">
|
|
|
+ <image src="@/static/image/home/avatar.png" mode=""></image>
|
|
|
+ <view class="user-info-content">
|
|
|
+ <view class="user-name">
|
|
|
+ {{userInfo.username}}
|
|
|
+ </view>
|
|
|
+ <view class="user-phone">
|
|
|
+ {{userInfo.phonenum}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="user-txt">
|
|
|
+ 您的移动仓库管家
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image src="@/static/image/home/home-top-img.png" class="header-bg" mode=""></image>
|
|
|
</view>
|
|
|
<view class="container_cont">
|
|
|
<view class="operate-item" v-for="(item,i) in operateList" :key="i" @click="operateClick(item)">
|
|
@@ -160,12 +176,60 @@
|
|
|
.container_box {
|
|
|
.container_main {
|
|
|
.header-box {
|
|
|
- image {
|
|
|
+ position: relative;
|
|
|
+ height: 375rpx;
|
|
|
+
|
|
|
+ .header-bg {
|
|
|
width: 100%;
|
|
|
height: 375rpx;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+ .user-content-box {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 32rpx;
|
|
|
+ left: 32rpx;
|
|
|
+ z-index: 99;
|
|
|
+
|
|
|
+ .user-info-box{
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ image{
|
|
|
+ width: 80rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-name{
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #0F1828;
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-phone{
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-txt{
|
|
|
+ margin-top: 20rpx;
|
|
|
+ width: 350rpx;
|
|
|
+ height: 44rpx;
|
|
|
+ padding: 0 26rpx;
|
|
|
+ border-radius: 64rpx;
|
|
|
+ background: linear-gradient(90deg, #5CC4E8 0%, #0256FF 100%);
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 24rpx;
|
|
|
+ letter-spacing: 2;
|
|
|
+ text-align-last: justify;
|
|
|
+ line-height: 44rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.container_cont {
|
|
|
padding: 32rpx;
|