From f678b314121fe63ecdf78fe6f5b873b718a64222 Mon Sep 17 00:00:00 2001
From: 346149741 <346149741@qq.com>
Date: 星期五, 21 六月 2024 11:01:56 +0800
Subject: [PATCH] 信息公示页面

---
 policy/components/mine.vue |   35 +++++++++++++++++++++++++++++------
 1 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/policy/components/mine.vue b/policy/components/mine.vue
index bcc1b48..3f95cd8 100644
--- a/policy/components/mine.vue
+++ b/policy/components/mine.vue
@@ -2,7 +2,8 @@
 	<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>
@@ -20,10 +21,11 @@
 				<text class="label">鑱旂郴鐢佃瘽</text>
 				<text>168****4164</text>
 			</view>
-			<view class="show-phone-number">
+			<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>
@@ -38,7 +40,14 @@
 	export default {
 		data(){
 			return {
-				src: ''
+				src: '/static/policy/header.png'
+			}
+		},
+		methods: {
+			goChangePhone() {
+				uni.navigateTo({
+					url: '/policy/changePhone/changePhone'
+				})
 			}
 		}
 	}
@@ -57,6 +66,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;
@@ -64,6 +79,7 @@
 						display: flex;
 						justify-content: flex-start;
 						align-items: center;
+						margin-bottom: 24rpx;
 						.direc{
 							width: 2rpx ;
 							height: 20rpx;
@@ -105,6 +121,10 @@
 				margin-left: 20rpx;
 				color: #202D44FF;
 			}
+			image{
+				width: 44rpx;
+				height: 44rpx;
+			}
 		}
 		.logout{
 			text-align: center;
@@ -118,7 +138,10 @@
 			width: calc(100% - 64rpx);
 			left: 32rpx;
 			position: fixed;
-			bottom: 140rpx;
+			bottom: 180rpx;
+		}
+		.inckname{
+			font-size: 36rpx;
 		}
 	}
 </style>
\ No newline at end of file

--
Gitblit v1.9.1