This commit is contained in:
kbing1981 2024-07-24 21:10:13 +08:00
parent 1595f76823
commit 82a0527c58
3 changed files with 77 additions and 43 deletions

View File

@ -15,7 +15,7 @@
<view class="u-flex-1" v-if="isLogin && userName"> <view class="u-flex-1" v-if="isLogin && userName">
<view class="u-font-18"> <view class="u-font-18">
<view class="flex align-center"> <view class="flex align-center">
<view class="margin-left-sm avatar-section-text">{{ userName }}1111</view> <view class="margin-left-sm avatar-section-text">{{ userName }}</view>
<view class="flex align-center" style="font-size: 14px;"> <view class="flex align-center" style="font-size: 14px;">
<image src="../../static/images/my/start.png" <image src="../../static/images/my/start.png"
style="width: 13px;height: 12px;margin: 0 6rpx 0 20rpx;"></image> style="width: 13px;height: 12px;margin: 0 6rpx 0 20rpx;"></image>
@ -29,13 +29,13 @@
<view class="online-tag" v-if="renzheng == 0" @click.stop="goNav('/my/renzheng/rzType')"> <view class="online-tag" v-if="renzheng == 0" @click.stop="goNav('/my/renzheng/rzType')">
暂未实名认证 暂未实名认证
</view> </view>
<view v-if="renzheng == 1" @click.stop="goNav('/my/renzheng/index')"> <view class="online-tag" v-if="renzheng == 1" @click.stop="goNav('/my/renzheng/index')">
审核中 审核中
</view> </view>
<view v-if="renzheng == 2" @click.stop="goNav('/my/renzheng/index')"> <view class="online-tag" v-if="renzheng == 2" @click.stop="goNav('/my/renzheng/index')">
已实名认证 已实名认证
</view> </view>
<view v-if="renzheng == 3" @click.stop="goNav('/my/renzheng/index')"> <view class="online-tag" v-if="renzheng == 3" @click.stop="goNav('/my/renzheng/index')">
已拒绝 已拒绝
</view> </view>
</view> </view>
@ -66,10 +66,10 @@
<view class="moneybox" v-if="XCXIsSelect != '否'"> <view class="moneybox" v-if="XCXIsSelect != '否'">
<view class="dengjibox"> <view class="dengjibox">
<view class="flex flex-wrap"> <view class="flex flex-wrap">
<view class="flex align-center justify-between" style="width: 100%;"> <view class="flex align-center justify-between money-bk" style="width: 100%;">
<view class=""> <view class="">
<view style="color: #ffffff;font-size: 12px; margin-left: 9px;">账户余额()</view> <view class="djtit">账户余额()</view>
<view class="margin-top-xs" style="font-size: 32px;color: #ffffff; margin-left: 8px; margin-top: 1px;"> <view class="margin-top-xs money-name">
<text class="money_text">{{ money ? money : '0' }}</text> <text class="money_text">{{ money ? money : '0' }}</text>
</view> </view>
</view> </view>
@ -198,7 +198,7 @@
<view class="wode-title" style="margin-bottom: 26rpx;"> <view class="wode-title" style="margin-bottom: 26rpx;">
常用功能 常用功能
</view> </view>
<view class="flex justify-between margin-top" style="width: 100%;flex-wrap: wrap;"> <view class="flex margin-top" style="width: 100%;flex-wrap: wrap;">
<!-- <view class="box"> <!-- <view class="box">
<image src="../../static/images/my/yjian.png"></image> <image src="../../static/images/my/yjian.png"></image>
<view class="box_text">我的项目</view> <view class="box_text">我的项目</view>
@ -911,15 +911,16 @@
width: 100%; width: 100%;
} }
.btnyt { .btnyt {
background-color: #ffffff; background-image: linear-gradient(-48deg, #d5fff8,#eefffc,#c7f9f0);
border: 1px solid #c7f9f0;
color: #ffffb2;
width: 200rpx; width: 200rpx;
height: 70rpx; height: 70rpx;
line-height: 70rpx; line-height: 70rpx;
text-align: center; text-align: center;
color: #333333; color: #019c88;
font-size: 28rpx; font-size: 28rpx;
border-radius: 40rpx; border-radius: 40rpx;
color: #333333;
} }
.xflist { .xflist {
@ -1005,13 +1006,20 @@
position: relative; position: relative;
width: 100%; width: 100%;
height: 300rpx; height: 300rpx;
background: linear-gradient(-45deg, #88d7c9, #1BB9A5, #88d7c9); background: linear-gradient(-45deg, #83e5d4, #25bca8, #3acdb9);
//box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(26,25,26,0.3); //box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(26,25,26,0.3);
border-radius: 20rpx; border-radius: 20rpx;
padding: 30rpx;
color: #ffffff; color: #ffffff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
} }
.money-name{
font-size: 40rpx;
}
.money-bk{
background: linear-gradient(-45deg, #83e5d4, #4fd3c2, #3acdb9);
border-radius: 20rpx 20rpx 0 0;
padding: 16rpx 20rpx;
}
</style> </style>

View File

@ -6,37 +6,41 @@
<!-- sticky吸顶悬浮的菜单, 父元素必须是 mescroll --> <!-- sticky吸顶悬浮的菜单, 父元素必须是 mescroll -->
<view class="jishi-index"> <view class="jishi-index">
<view class=" u-flex padding-lr justify-between" style="padding-top: 30px;"> <view class=" u-flex justify-between avatar-section">
<view class="u-m-r-10 back-img" <!--<view class="back-img"
:style="{'background-image': :style="{'background-image':
technicianType=='3'?'url(../../static/grade1.png)': technicianType=='3'?'url(../../static/grade1.png)':
technicianType=='4'?'url(../../static/grade2.png)': technicianType=='4'?'url(../../static/grade2.png)':
technicianType=='5'?'url(../../static/grade3.png)':'' technicianType=='5'?'url(../../static/grade3.gif)':''
}"> }">
<image :src="avatar" class="head-port" <image :src="avatar" class="head-port"
@click="goNav('/pages/my/userinfo')"></image> @click="goNav('/pages/my/userinfo')"></image>
</view>-->
<view class="back-img">
<image :src="avatar" class="head-port" @click="goNav('/pages/my/userinfo')"></image>
<image class="popop-kuang" src="../../static/grade3.gif"></image>
</view> </view>
<view class="u-flex-1 " v-if="isLogin && userName"> <view class="u-flex-1" v-if="isLogin && userName">
<view class="u-font-18"> <view class="u-font-18">
<view class="flex align-center" style="margin-top: 35rpx;"> <view class="flex align-center">
<view class="margin-left-sm u-font-18" style="color: #ffffff;">{{ userName }}</view> <view class="margin-left-sm avatar-section-text">{{ userName }}</view>
<view class="labe zhuangtai" @tap="stateSave"> <view class="labe zhuangtai" @tap="stateSave">
<view v-if="isTrue">已上线</view> <view v-if="isTrue">已上线</view>
<view v-if="!isTrue">已离线</view> <view v-if="!isTrue">已离线</view>
</view> </view>
</view> </view>
<view class="flex margin-left-sm margin-top-xs" <view class="flex margin-left-sm margin-top-xs">
style="font-size: 22rpx;font-weight: 500;color: #ffffff;"> <view class="online-tag" v-if="renzheng == 0" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
<view v-if="renzheng == 0" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
暂未实名认证 暂未实名认证
</view> </view>
<view v-if="renzheng == 1" @click.stop="goNav('/my/renzheng/index?classify=' + 1)"> <view class="online-tag" v-if="renzheng == 1" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
实名审核中 实名审核中
</view> </view>
<view v-if="renzheng == 2"> <view class="online-tag" v-if="renzheng == 2">
已实名认证 已实名认证
</view> </view>
<view v-if="renzheng == 3" @click.stop="goNav('/my/renzheng/index?classify=' + 1)"> <view class="online-tag" v-if="renzheng == 3" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
实名已拒绝 实名已拒绝
</view> </view>
</view> </view>
@ -885,16 +889,7 @@
font-size: 26rpx; font-size: 26rpx;
padding: 8rpx 20rpx; padding: 8rpx 20rpx;
} }
.back-img{
background-repeat: no-repeat;
background-size: 100%;
width: 84px;
height: 84px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
/deep/.u-scroll-box{ /deep/.u-scroll-box{
margin-top: 26rpx; margin-top: 26rpx;
} }
@ -1022,7 +1017,6 @@
.popup-img{ .popup-img{
width: 55rpx; width: 55rpx;
height: 55rpx; height: 55rpx;
position: absolute;
right:22rpx; right:22rpx;
} }
.popup-head{ .popup-head{
@ -1034,7 +1028,7 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0 15px; padding: 0 15px;
position: relative; position:relative;
} }
.popup-content{ .popup-content{
width: 100%; width: 100%;
@ -1066,7 +1060,7 @@
height: 220rpx; height: 220rpx;
// background: #F7F7F7 !important; // background: #F7F7F7 !important;
border-radius: 21rpx 21rpx 0 0; border-radius: 21rpx 21rpx 0 0;
margin: -113px auto 8px auto; margin: -180px auto 8px auto;
position: relative; position: relative;
} }
@ -1178,10 +1172,9 @@
} }
} }
.head-port{ .head-port{
width: 55px; width:64px;
height: 55px; height:64px;
border-radius: 50%; border-radius: 50%;
margin-bottom: 5px;
} }
/deep/.radius { /deep/.radius {
border-radius: 20rpx; border-radius: 20rpx;
@ -1229,9 +1222,9 @@
} }
.jishi-index{ .jishi-index{
width: 100%; width: 100%;
height: 230px; height: 286px;
padding: 0 20px; padding: 0 20px;
background:url('../../static/index/technician15.png'); background-image: url('../../static/index/technician15.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
} }
@ -1278,4 +1271,37 @@
.padding-sm{ .padding-sm{
padding: 11px 11px 0px 11px; padding: 11px 11px 0px 11px;
} }
.avatar-section{
padding:30rpx 0 50rpx 0;
position: relative;
}
.back-img{
padding: 15rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.popop-kuang{
width: 150rpx;
height: 150rpx;
position: absolute;
}
.avatar-section-text{
font-size: 32rpx;
color: #019c88;
font-weight: bold;
}
.money_text1{
font-size:46rpx;
font-weight: bold;
}
.money_text2{
font-size:26rpx;
}
.online-tag {
color: #019c88;
font-size: 26rpx;
}
</style> </style>

BIN
static/grade3.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB