From 596faa7ce74b4bf78b14dd9c827063fb09d08bbf Mon Sep 17 00:00:00 2001
From: liaoxinyu <liaoxinyu@xingtongworld.com>
Date: Tue, 7 Jan 2025 23:52:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/index.vue | 63 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index be0674a..da286c0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -219,6 +219,22 @@
 			<!--        </div>-->
 			<!--中间显示4个图标-->
 		</div>
+		<!-- 弹出框 -->
+		<div v-if="visible" class="overlay">
+		    <div class="modal_show">
+		      <div class="">
+		    	  <div class="close-button" @click="close1">×</div>
+		      </div>
+		      <div>
+		    	  <span class="modal-content11">
+		    		Dear user, hello!<br/>
+		    		Warmly congratulate the rapid increase in platform users. In order to better provide the best services to users in each region, we will implement a server management mechanism that is separated by region to ensure that each service can be fully implemented. To this end, we will start a new round of server transformation and upgrade projects. The transformation time will be completed within three hours, and we will provide you with a safer and more efficient service. Special reminder, during the server upgrade and transformation process, users in some regions may be affected when logging in to the platform using the original domain name, and we have activated the emergency response plan. If you have problems logging in using PC or H5, you can contact the customer service representative in time for help and complete the transaction.
+		    		We apologize for the inconvenience caused to you and thank all users for their support!
+				  </span>
+		      </div>
+		    </div>
+		</div>
+		
 		<!-- 立即体验 -->
 		<div class="illustration_area">
 			<div class="left">
@@ -630,6 +646,7 @@
 				line: "",
 				helpList: [],
 				currentCoinIdx: 0, // 当前展示的币种
+				visible: false
 			};
 		},
 		methods: {
@@ -852,11 +869,15 @@
 					this.helpList = res.splice(0, 4);
 				});
 			},
+			close1() {
+			  this.visible = false;
+			}
 		},
 		created() {
 			this.indexList();
 		},
 		mounted() {
+			this.visible = true
 			this.article();
 			this.getHelpList();
 			if (this.isLogin) {
@@ -2394,4 +2415,46 @@
 			bottom: 150px;
 		}
 	}
+	
+	.overlay {
+	  display: flex;
+	  position: fixed;
+	  top: 0;
+	  left: 0;
+	  right: 0;
+	  bottom: 0;
+	  width: 100%;
+	  height: 100%;
+	  background-color: rgba(255, 255, 255, 0.5); /* 透明白色背景 */
+	  justify-content: center;
+	  align-items: center;
+	  z-index: 1000; /* 确保在最上层 */
+	}
+	
+	.modal_show {
+		// position: absolute;
+		background-color: white; 
+	    padding: 20px;
+	    border-radius: 8px;
+	    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+	    // width: 400px; /* 弹出框宽度 */
+	    width: 50%;
+		color: #000;
+	}
+	
+	.modal-title {
+	  font-size: 18px;
+	  font-weight: bold;
+	}
+	
+	.modal-content11 {
+	  margin: 10px 0;
+	}
+	
+	.close-button {
+	  height: 40px;
+	  text-align: right;
+	  font-size: 30px;
+	  cursor: pointer;
+	}
 </style>
\ No newline at end of file