48 lines
659 B
Vue
48 lines
659 B
Vue
|
<template>
|
||
|
|
<!-- #ifdef H5 || APP-PLUS -->
|
||
|
|
<view class="jl-mask" v-if="maskShow" style="top: 44px;">
|
||
|
|
<slot></slot>
|
||
|
|
</view>
|
||
|
|
<!-- #endif -->
|
||
|
|
<!-- #ifdef MP-WEIXIN -->
|
||
|
|
<view class="jl-mask" v-if="maskShow">
|
||
|
|
<slot></slot>
|
||
|
|
</view>
|
||
|
|
<!-- #endif -->
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default{
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
}
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
maskShow: false
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
clear(e){
|
||
|
|
return
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.jl-mask{
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
background: rgba(0,0,0,.1);
|
||
|
|
/* overflow: auto; */
|
||
|
|
z-index: 999;
|
||
|
|
}
|
||
|
|
.maskClose{
|
||
|
|
position: absolute;
|
||
|
|
right: 100rpx;
|
||
|
|
top: 100rpx;
|
||
|
|
}
|
||
|
|
</style>
|