11
This commit is contained in:
47
components/uni-mask/mask.vue
Normal file
47
components/uni-mask/mask.vue
Normal file
@@ -0,0 +1,47 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user