1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| <template>
| <uni-shadow-root class="vant-overlay-index"><van-transition :show="show" custom-class="van-overlay" :custom-style="'z-index: '+(zIndex)+'; '+(customStyle)" :duration="duration" @click.native="onClick" @touchmove.native.stop.prevent="noop">
| <slot></slot>
| </van-transition></uni-shadow-root>
| </template>
|
| <script>
| import VanTransition from '../transition/index.vue'
| global['__wxVueOptions'] = {components:{'van-transition': VanTransition}}
|
| global['__wxRoute'] = 'vant/overlay/index'
| import { VantComponent } from '../common/component';
| VantComponent({
| props: {
| show: Boolean,
| customStyle: String,
| duration: {
| type: null,
| value: 300,
| },
| zIndex: {
| type: Number,
| value: 1,
| },
| },
| methods: {
| onClick() {
| this.$emit('click');
| },
| // for prevent touchmove
| noop() {},
| },
| });
| export default global['__wxComponents']['vant/overlay/index']
| </script>
| <style platform="mp-weixin">
| @import '../common/index.css';.van-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);background-color:var(--overlay-background-color,rgba(0,0,0,.7))}
| </style>
|
|
