1. common新建mask.vue文件。
export default {}
.cpt-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.5;
z-index: 99;
}
2. 引入mask.vue文件。
// 关闭遮罩
点击显示遮罩
import Mask from ‘../../common/mask.vue‘;
export default {
components: {
Mask
},
data() {
return {
mask: false
}
},
methods: {
remove (val) {
val == 1 ? this.mask = false : this.mask = true;
}
}
}
page {
background: #f8f8f8;
}
.mask {
position: absolute;
bottom: 0;left: 50%-100px;right: 50%-100px;
}