yangjun
/
sadjv3_jishi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

This commit is contained in:
kbing1981 2024-07-25 16:05:38 +08:00
parent 07d702fee2
commit dc9ec3b3de
2 changed files with 38 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
pages/index/index.vue
View File

@ -3,7 +3,7 @@
<view style="padding-bottom: 17px;"> <view style="padding-bottom: 17px;">
<view class="jishi-index"> <view class="jishi-index">
<view class="u-flex justify-between avatar-section"> <view class="u-flex justify-between avatar-section">
<view class="back-img" <!--<view class="back-img"
:style="{'background-image': :style="{'background-image':
technicianType=='3'?'url(../../static/grade1.gif)': technicianType=='3'?'url(../../static/grade1.gif)':
technicianType=='4'?'url(../../static/grade2.png)': technicianType=='4'?'url(../../static/grade2.png)':
@ -11,6 +11,10 @@
}"> }">
<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="technicianType=='3'?'../../static/grade1.gif':technicianType=='4'?'../../static/grade2.gif':'../../static/grade3.gif'"></image>
</view> </view>
<view style="position: relative;" class="u-flex-1 margin-left-sm" v-if="isLogin && userName"> <view style="position: relative;" class="u-flex-1 margin-left-sm" v-if="isLogin && userName">
<view class="flex align-center justify-between"> <view class="flex align-center justify-between">
@ -1565,13 +1569,18 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.popop-kuang{
width: 150rpx;
height: 150rpx;
position: absolute;
}
.back-img{ .back-img{
background-repeat: no-repeat; padding: 15rpx;
background-size: 100%;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: relative;
} }
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
.qiandao{ .qiandao{
@ -2065,12 +2074,12 @@ uni-switch::before {
font-size: 32rpx; font-size: 32rpx;
color: #333333; color: #333333;
} }
.padding-sm{ .padding-sm{
padding: 11px 11px 0px 11px; padding: 11px 11px 0px 11px;
} }
.avatar-section{ .avatar-section{
padding:50rpx 0 30rpx 0; padding:30rpx 0 50rpx 0;
position: relative;
} }
.avatar-section-text{ .avatar-section-text{
font-size: 32rpx; font-size: 32rpx;

18
pages/my/index.vue
View File

@ -3,7 +3,7 @@
<view class="headtop"> <view class="headtop">
<view class="headbox"> <view class="headbox">
<view class=" u-flex justify-between avatar-section"> <view class=" u-flex justify-between avatar-section">
<view class="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)':
@ -11,6 +11,10 @@
}"> }">
<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="technicianType=='3'?'../../static/grade1.gif':technicianType=='4'?'../../static/grade2.gif':'../../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">
@ -862,12 +866,17 @@
padding: 8rpx 20rpx; padding: 8rpx 20rpx;
} }
.back-img{ .back-img{
background-repeat: no-repeat; padding: 15rpx;
background-size: 100%;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: relative;
}
.popop-kuang{
width: 150rpx;
height: 150rpx;
position: absolute;
} }
.wode-title{ .wode-title{
font-size: 36rpx; font-size: 36rpx;
@ -1033,7 +1042,8 @@
border-radius: 50%; border-radius: 50%;
} }
.avatar-section{ .avatar-section{
padding:50rpx 0 30rpx 0; padding:30rpx 0 50rpx 0;
position: relative;
} }
.avatar-section-text{ .avatar-section-text{
font-size: 32rpx; font-size: 32rpx;