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 | 116 +++++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 98 insertions(+), 18 deletions(-)
diff --git a/pages/quality-inspection-page/qualityMy/quality-my.vue b/pages/quality-inspection-page/qualityMy/quality-my.vue
index 7214763..8078bfb 100644
--- a/pages/quality-inspection-page/qualityMy/quality-my.vue
+++ b/pages/quality-inspection-page/qualityMy/quality-my.vue
@@ -1,18 +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-inside">
- <view class="avatar-imgage"
- style="background: url('https://mx.jzeg.cn:9096/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"
- @click="editBtnClick"
- shape="circle"
- plain>缂栬緫涓汉璧勬枡</u-button></view>
- </view>
+ <view class="avatar-imgage"
+ 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"
+ @click="editBtnClick"
+ shape="circle"
+ plain>缂栬緫涓汉璧勬枡</u-button></view> -->
</view>
<view class="personal-information">
<view class="personal-information-block">
@@ -20,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>
@@ -30,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>
@@ -40,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>
@@ -242,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;
@@ -382,12 +418,11 @@
justify-content: center;
position: relative;
top: vww(20);
- width: 100%;
padding: 40rpx;
box-sizing: border-box;
&-block {
- width:100%;
+ 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;
@@ -441,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%;
}
@@ -458,7 +538,7 @@
@include flex;
justify-content: center;
position: relative;
- bottom: vww(-430);
+ bottom: vww(-480);
.loginout-main {
width: 84%;
--
Gitblit v1.9.1