首页优化加蒙板

manifest.json

@@ -2,7 +2,7 @@
     "name" : "星汉物联",
     "appid" : "__UNI__A21EF43",
     "description" : "设备管控",
-    "versionName" : "1.0.7",
+    "versionName" : "1.0.8",
     "versionCode" : "100",
     "transformPx" : false,
     /* 5+App特有相关 */

pages/common/index/index.vue

@@ -133,6 +133,8 @@
 				</view>
 			</view>
 		</view>
+		<!-- 蒙板、用于点击任意位置关闭悬浮的菜单 -->
+		<view class="mask" v-show="showTooltip||showshare" @click.stop="closePopMenu"></view>
 	</view>
 </template>
 
@@ -452,6 +454,12 @@
 			scan() {
 				this.showTooltip = !this.showTooltip;
 			},
+			closePopMenu(){
+				setTimeout(()=>{
+					this.showTooltip = false;
+					this.showshare = false;
+				},100);
+			},
 			closePopupTooltip() {
 				this.showTooltip = !this.showTooltip
 				this.showshare = !this.showshare
@@ -1132,7 +1140,13 @@
 		background-color: rgba(35, 35, 35, 0.87);
 		color: rgba(255, 255, 255, 1);
 	}
-
+	.mask{
+		position: fixed;
+		width: 100%;
+		height: 100%;
+		z-index: 9998;
+		background-color: #00000000;
+	}
 	/* 提示框样式 */
 	.tooltip-box {
 		position: fixed;