From a14674d240cfe77143a83475b6c4c3ae64cc2986 Mon Sep 17 00:00:00 2001
From: "xie.bx" <Blue_Xie@epam.com>
Date: Wed, 1 Nov 2023 22:30:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=9B=BE=E5=B1=95=E7=A4=BA=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 im-ui/src/components/common/FullImage.vue | 60 ++++++++++++++++++-----
 im-ui/src/view/Login.vue                  |  2 +-
 2 files changed, 49 insertions(+), 13 deletions(-)

diff --git a/im-ui/src/components/common/FullImage.vue b/im-ui/src/components/common/FullImage.vue
index cd720c2..8bfd15e 100644
--- a/im-ui/src/components/common/FullImage.vue
+++ b/im-ui/src/components/common/FullImage.vue
@@ -1,10 +1,11 @@
 <template>
-	<el-dialog width="75%" top="30px" :visible.sync="visible" :before-close="handleClose" :modal="true">
+	<div class="full-image" v-show="visible" :before-close="handleClose" :modal="true">
+		<div class="mask"></div>
 		<div class="image-box">
-			<el-image :src="url" :fit="fit"></el-image>
+			<img  :src="url"/>
 		</div>
-
-	</el-dialog>
+		<div class="close" @click="handleClose">x</div>
+	</div>
 </template>
 
 <script>
@@ -12,7 +13,7 @@
 		name: "fullImage",
 		data() {
 			return {
-				fit: 'cover'
+				fit: 'contain'
 			}
 		},
 		methods: {
@@ -31,12 +32,47 @@
 	}
 </script>
 
-<style>
-	.image-box {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-
-
+<style lang="scss">
+	.full-image{
+		position: fixed;
+		width: 100%;
+		height: 100%;
+	
+		
+		.mask{
+			position: fixed;
+			width: 100%;
+			height: 100%;
+			background: black;
+			opacity: 0.9;
+		}
+		
+		.image-box {
+			position: relative;
+			width: 100%;
+			height: 100%;
+			
+			img{
+				position: absolute;
+				    left: 50%;
+				    top: 50%;
+				    transform: translate(-50%, -50%);
+				    max-height: 100%;
+				    max-width: 100%;
+			}
+		}
+		
+		.close{
+			position: fixed;
+			top: 10px;
+			right: 10px;
+			color: white;
+			font-size: 25px;
+			cursor: pointer;
+			
+		
+		}
 	}
+	
+	
 </style>
\ No newline at end of file
diff --git a/im-ui/src/view/Login.vue b/im-ui/src/view/Login.vue
index e4bb06e..9284f3e 100644
--- a/im-ui/src/view/Login.vue
+++ b/im-ui/src/view/Login.vue
@@ -8,7 +8,7 @@
 				<ul>
 					<li>发布uniapp移动版本，支持移动端和web端同时在线，多端消息同步</li>
 					<li>目前移动端仅兼容h5和微信小程序，后续会继续兼容更多终端类型</li>
-					<li>页面风格优化：表情包更新、自动生成文字头像等</li>
+					<li>页面风格升级：表情包更新、自动生成文字头像等</li>
 				</ul>
 			</div>
 			<div>