From 07401392be0115d291e64471325fcc4c17ba2be9 Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期五, 21 六月 2024 15:26:35 +0800
Subject: [PATCH] 图片压缩
---
policy/components/mine.vue | 37 ++++++++++++++++++++++++++++++-------
1 files changed, 30 insertions(+), 7 deletions(-)
diff --git a/policy/components/mine.vue b/policy/components/mine.vue
index b2c0aa7..1fab1b4 100644
--- a/policy/components/mine.vue
+++ b/policy/components/mine.vue
@@ -2,15 +2,16 @@
<view class="page-mine-box">
<view class="top-box">
<view class="user-news">
- <u-avatar :src="src"></u-avatar>
+ <!-- <u-avatar :src="src"></u-avatar> -->
+ <image src="/static/policy/header.png" mode="widthFix"></image>
<view class="user-info">
<view class="user-name">
- <view class="inckname">鍒樺皬闆�</view>
+ <view class="inckname">{{userInfo.data.nickName}}</view>
<view class="direc"></view>
<view class="dept-per">鎵ф硶浜哄憳</view>
</view>
<view class="dept-name">
- 鐜繚灞�--绗竴閮ㄩ棬
+ {{userInfo.data.dept.parentName}}
</view>
</view>
</view>
@@ -18,12 +19,14 @@
<view class="main-box">
<view class="show-phone-number">
<text class="label">鑱旂郴鐢佃瘽</text>
- <text>168****4164</text>
+ <text v-if="userInfo.phonenumber">{{userInfo.data.phonenumber.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2")}}</text>
+ <text v-else>鏆傛棤鎵嬫満鍙�</text>
</view>
<view class="show-phone-number" @click="goChangePhone">
<view class="set-flex">
- <u-icon name="phone" size="22"></u-icon>
- <text class="change" >淇敼鎵嬫満鍙�</text>
+ <!-- <u-icon name="phone" size="22"></u-icon> -->
+ <image src="/static/policy/phone.png" mode="widthFix"></image>
+ <text class="change">淇敼鎵嬫満鍙�</text>
</view>
<u-icon name="arrow-right"></u-icon>
</view>
@@ -36,9 +39,15 @@
<script>
export default {
+ props: {
+ userInfo: {
+ type: Object,
+ default: () => ({})
+ },
+ },
data(){
return {
- src: ''
+ src: '/static/policy/header.png'
}
},
methods: {
@@ -64,6 +73,12 @@
display: flex;
justify-content: flex-start;
align-items: center;
+ image{
+ width: 108rpx;
+ height: 108rpx;
+ background-color: white;
+ border-radius: 50%;
+ }
.user-info{
margin-left: 24rpx;
color: white;
@@ -71,6 +86,7 @@
display: flex;
justify-content: flex-start;
align-items: center;
+ margin-bottom: 24rpx;
.direc{
width: 2rpx ;
height: 20rpx;
@@ -112,6 +128,10 @@
margin-left: 20rpx;
color: #202D44FF;
}
+ image{
+ width: 44rpx;
+ height: 44rpx;
+ }
}
.logout{
text-align: center;
@@ -127,5 +147,8 @@
position: fixed;
bottom: 180rpx;
}
+ .inckname{
+ font-size: 36rpx;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1