仿互站小程序

vant/overlay/index.js

@@ -0,0 +1,21 @@
+(0, require("../common/component").VantComponent)({
+    props: {
+        show: Boolean,
+        mask: Boolean,
+        customStyle: String,
+        duration: {
+            type: [ Number, Object ],
+            value: 300
+        },
+        zIndex: {
+            type: Number,
+            value: 1
+        }
+    },
+    methods: {
+        onClick: function() {
+            this.$emit("click");
+        },
+        noop: function() {}
+    }
+});

vant/overlay/index.json

@@ -0,0 +1,14 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-transition": "../transition/index",
+        "forview": "/utils/forview/index",
+        "van-loading": "/vant/loading/index",
+        "van-dialog": "/vant/dialog/index",
+        "van-button": "/vant/button/index",
+        "van-icon": "/vant/icon/index",
+        "van-popup": "/vant/popup/index",
+        "van-tab": "/vant/tab/index",
+        "van-tabs": "/vant/tabs/index"
+    }
+}

vant/overlay/index.wxml

@@ -0,0 +1 @@
+<van-transition bind:tap="onClick" catch:touchmove="noop" customClass="van-overlay" customStyle="z-index: {{zIndex}}; {{mask?'background-color: rgba(0, 0, 0, .7);':''}}; {{customStyle}}" duration="{{duration}}" show="{{show}}"></van-transition>

vant/overlay/index.wxss

@@ -0,0 +1,9 @@
+@import "../area/index.wxss";
+
+.van-overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}