[improvement] Overlay: jsx (#2559)

2019-01-19 09:26:51 +08:00
parent a5c39425e8
commit 1f1d55eab2
2 changed files with 36 additions and 34 deletions
@@ -0,0 +1,36 @@
+import { use } from '../utils';
+
+const [sfc, bem] = use('overlay');
+
+export default sfc({
+  props: {
+    zIndex: Number,
+    visible: Boolean,
+    className: String,
+    customStyle: Object
+  },
+
+  render(h) {
+    const style = {
+      zIndex: this.zIndex,
+      ...this.customStyle
+    };
+
+    return (
+      <transition name="van-fade">
+        <div
+          v-show={this.visible}
+          style={style}
+          class={[bem(), this.className]}
+          onTouchmove={event => {
+            event.preventDefault();
+            event.stopPropagation();
+          }}
+          onClick={event => {
+            this.$emit('click', event);
+          }}
+        />
+      </transition>
+    );
+  }
+});