From f8ef4a612205b6f5210d873a102b2248dfba4ead Mon Sep 17 00:00:00 2001
From: wk
Date: 星期五, 09 八月 2024 13:48:03 +0800
Subject: [PATCH] feat:头像更改
---
pages/quality-inspection-page/qualityMy/quality-my.vue | 125 ++++++++++++++++++++++++++++++++++++-----
1 files changed, 109 insertions(+), 16 deletions(-)
diff --git a/pages/quality-inspection-page/qualityMy/quality-my.vue b/pages/quality-inspection-page/qualityMy/quality-my.vue
index b47ea12..8078bfb 100644
--- a/pages/quality-inspection-page/qualityMy/quality-my.vue
+++ b/pages/quality-inspection-page/qualityMy/quality-my.vue
@@ -1,16 +1,16 @@
<template>
- <view class="driver-my">
+ <view class="driver-my quality-my-wrap">
<view class="driver-banner">
<view class="navgation">鎴戠殑</view>
<view class="avatar">
<view class="avatar-imgage"
- style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/driverava.png')no-repeat;background-size: cover;">
+ style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/driverava.png')no-repeat;background-size: cover;">
</view>
<view class="avatar-name">{{ userInfo.name || '' }}</view>
- <view class="edit-button"><u-button type="primary"
+ <!-- <view class="edit-button"><u-button type="primary"
@click="editBtnClick"
shape="circle"
- plain>缂栬緫涓汉璧勬枡</u-button></view>
+ plain>缂栬緫涓汉璧勬枡</u-button></view> -->
</view>
<view class="personal-information">
<view class="personal-information-block">
@@ -18,7 +18,7 @@
<view class="information-line"
@click="">
<view class="line-label">
- <image src="https://mx.jzeg.cn:9096/appimg/image/banner/personalicon.png"
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/personalicon.png"
mode="widthFix"></image>
<view class="label-text">韬唤璇佸彿</view>
</view>
@@ -28,7 +28,7 @@
</view>
<view class="information-line">
<view class="line-label">
- <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png"
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png"
mode="widthFix"></image>
<view class="label-text">鎵嬫満鍙�</view>
</view>
@@ -38,12 +38,40 @@
</view>
<view class="information-line">
<view class="line-label">
- <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png"
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png"
mode="widthFix"></image>
<view class="label-text">璐﹀彿</view>
</view>
<view class="information-value">
{{ userInfo.username || '' }}
+ </view>
+ </view>
+ <view class="information-line"
+ @click="scoreCert">
+ <view class="line-label">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.png"
+ mode="widthFix"
+ style="width: 36rpx;position: relative;left: 8rpx;"></image>
+ <view class="label-text">鏇存敼澶村儚</view>
+ </view>
+ <view class="information-value">
+ <view class="">
+ {{ '' }}
+ </view>
+ </view>
+ </view>
+ <view class="information-line last"
+ @click="scorePass">
+ <view class="line-label">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.png"
+ mode="widthFix"
+ style="width: 36rpx;position: relative;left: 8rpx;"></image>
+ <view class="label-text">鏇存敼瀵嗙爜</view>
+ </view>
+ <view class="information-value">
+ <view class="">
+ {{ '' }}
+ </view>
</view>
</view>
</view>
@@ -240,6 +268,16 @@
});
});
},
+ scoreCert(){
+ uni.navigateTo({
+ url: '/pages/password/face?id='+this.userInfo.userId+'&imgPath='+this.userInfo.imgPath+'&username='+this.userInfo.username
+ })
+ },
+ scorePass(){
+ uni.navigateTo({
+ url: '/pages/password/password?id='+this.userInfo.userId
+ })
+ },
// 淇敼鎸夐挳鐐瑰嚮
editBtnClick() {
this.editDriverPopupShow = true;
@@ -341,7 +379,12 @@
align-items: center;
position: fixed;
top: 0;
-
+ .avatar-inside{
+ width: 100%;
+ position: relative;
+ display: flex;
+ align-items: center;
+ }
.avatar-imgage {
width: 98rpx;
height: 98rpx;
@@ -351,7 +394,7 @@
}
.avatar-name {
- width: 200rpx;
+ max-width: 700rpx;
display: flex;
flex-wrap: wrap;
height: 32rpx;
@@ -362,9 +405,10 @@
}
.edit-button {
- position: relative;
- left: vww(73);
+ position: absolute;
+ right: vww(73);
top: vww(4);
+ width: 220rpx;
}
}
@@ -374,9 +418,11 @@
justify-content: center;
position: relative;
top: vww(20);
+ padding: 40rpx;
+ box-sizing: border-box;
&-block {
- width: 690rpx;
+ width: 100%;
background: #ffffff;
box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
border-radius: 20rpx;
@@ -385,8 +431,10 @@
justify-content: space-between;
.block-main {
- width: 636rpx;
+ width: 100%;
margin: vww(10) vww(14);
+ padding: 0 40rpx;
+ box-sizing: border-box;
}
.information-line {
@@ -428,13 +476,58 @@
}
}
}
+
+ .car-information {
+ width: 100%;
+ position: relative;
+ top: vww(410);
+ @include flex justify-content: center;
+
+ .information-main {
+ width: 690rpx;
+ height: 552rpx;
+ background: #ffffff;
+ box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
+ border-radius: 20rpx;
+
+ .information-body {
+ width: 636rpx;
+ margin: vww(15) vww(14);
+ @include flex flex-direction: column;
+
+ .car-img {
+ height: 246rpx;
+ width: 100%;
+ @include flex;
+ flex-direction: column;
+ align-items: flex-start;
+
+ .label-title {
+ @include flex;
+ width: 220rpx;
+ height: 100rpx;
+
+ .label-text {
+ width: 100%;
+ height: 50rpx;
+ }
+
+ image {
+ width: 50rpx;
+ height: 50rpx;
+ }
+ }
+ }
+ }
+ }
+ }
.switch-accounts{
width: 100%;
height: 80rpx;
@include flex;
justify-content: center;
position: relative;
- bottom: vww(-400);
+ bottom: vww(-450);
.loginout-main {
width: 84%;
}
@@ -445,7 +538,7 @@
@include flex;
justify-content: center;
position: relative;
- bottom: vww(-430);
+ bottom: vww(-480);
.loginout-main {
width: 84%;
@@ -501,4 +594,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.1