日期蒙板

ghsApp/src/admin/billing/affirm.vue

@@ -281,6 +281,9 @@
        </view>
 		</uni-popup>
 
+    	<!-- 蒙板 -->
+    	<view v-if="showPicker" class="date-picker-mask" @click="showPicker = false"></view>
+    
     <mx-date-picker :show="showPicker" format="yyyy-mm-dd" type="date" :value="defaultPickerDate" :show-tips="true" @confirm="confirmPicker" @cancel="showPicker = false" />
 
     </view>
@@ -1011,4 +1014,15 @@ export default {
   color: #333;
   border-color: #e0e0e0;
 }
+
+/* 日期选择器蒙板 */
+.date-picker-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 99;
+}
 </style>