新增弹窗

pages/base/home.vue

@@ -106,6 +106,20 @@
 					</view>
 				</view>
 				
+				<view class="overlay" v-if="visible">
+				    <view class="modal" @click.stop>
+					  <view class="">
+						  <view class="close-button" @click="close1">×</view>
+					  </view>
+				      <view>
+						  <text class="modal-content">
+							Dear user, hello!
+							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!</text>
+					  </view>
+				    </view>
+				</view>
+
 				<!-- 加密货币之门 -->
 				<view class="illustration_area" >
 					<view class="text-img">
@@ -376,7 +390,7 @@
 				<view style="height: var(--status-bar-height);"></view>
 				<view class="personalCenter-top">
 					<view class="theme-switch m-x-md d-flex justify-between">
-						<van-icon name="arrow-left" @click="show = false" class="fn-22" />
+						<van-icon name="arrow-left" @click="show = false;visible = true;" class="fn-22" />
 						<!-- <view class="v-switch border rounded-xs d-flex" @click="changtTheme">
 				          <view
 				            class="icon border"
@@ -732,7 +746,8 @@
 				refreshing: false,
 				helpList: [],
 				account:{},
-				articleList:[]//公告数据
+				articleList:[],//公告数据
+				visible: false
 			};
 		},
 		computed: {
@@ -757,6 +772,7 @@
 		},
 		watch: {
 			isShow(n) {
+				this.visible = true;
 				if(n&&this.isLogin){
 					this.chatcount = setInterval(()=>{
 						this.chat()
@@ -1115,6 +1131,9 @@
 						clearInterval(this.chatcount);
 					}
 				})
+			},
+			close1() {
+			  this.visible = false;
 			}
 		},
 		mounted() {
@@ -1123,6 +1142,7 @@
 			this.indexMarketList();
 			this.getCurrencyExCny();
 			this.getHelpList();
+			this.visible = true;
 			if (this.isLogin) {
 				this.chatcount = setInterval(()=>{
 					this.chat()
@@ -2166,4 +2186,43 @@
 		text-align: center;
 		margin: 20rpx 40rpx 0rpx;
 	}
+	
+	.overlay {
+	  display: flex;
+	  position: fixed;
+	  top: 0;
+	  left: 0;
+	  width: 100%;
+	  height: 100%;
+	  background-color: rgba(255, 255, 255, 0.5); /* 透明白色背景 */
+	  justify-content: center;
+	  align-items: center;
+	  z-index: 1000; /* 确保在最上层 */
+	}
+	
+	.modal {
+	  background-color: white; /* 白色背景 */
+	  padding: 40rpx;
+	  border-radius: 16rpx;
+	  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
+	  // text-align: center;
+	  width: 600rpx; /* 弹出框宽度 */
+	}
+	
+	.modal-title {
+	  font-size: 36rpx;
+	  font-weight: bold;
+	}
+	
+	.modal-content {
+	  margin: 20rpx 0;
+	}
+	
+	.close-button {
+	  text-align: right;
+	  font-size: 60rpx;
+	  // padding: 10px 15px;
+	  // margin-top: 10px;
+	  cursor: pointer;
+	}
 </style>