1

components/tab-bar/myCenter.vue

@@ -216,7 +216,8 @@
 			</view>
 		</uni-popup>
 		<!-- 弹出区域选择 -->
-		<uni-popup ref="areaPopup" background-color="transparent">
+		<uni-popup ref="areaPopup" class="home-popup-layer area-popup-layer" background-color="transparent"
+			borderRadius="42rpx">
 			<view class="campus-area-popup">
 				<view class="area-popup-glow area-popup-glow-a"></view>
 				<view class="area-popup-glow area-popup-glow-b"></view>
@@ -2219,6 +2220,16 @@
 		box-sizing: border-box;
 	}
 
+	.home-popup-layer {
+		z-index: 1200 !important;
+	}
+
+	.area-popup-layer .uni-popup__wrapper {
+		overflow: hidden;
+		border-radius: 42rpx !important;
+		background: transparent !important;
+	}
+
 	.campus-area-popup {
 		position: relative;
 		box-sizing: border-box;
@@ -2229,6 +2240,7 @@
 		padding: 38rpx 30rpx 30rpx;
 		border: 1rpx solid rgba(255, 255, 255, .78);
 		border-radius: 42rpx;
+		-webkit-mask-image: -webkit-radial-gradient(#fff, #000);
 		background:
 			radial-gradient(circle at 16% 8%, rgba(227, 255, 150, .34), rgba(227, 255, 150, 0) 220rpx),
 			radial-gradient(circle at 92% 18%, rgba(166, 255, 234, .44), rgba(166, 255, 234, 0) 260rpx),