1.マスクの最外層としてブランクDIV、
<view class='mask' v-if="{{flag}}"></view>
2.マスク層のスタイルを書きます
.mask{
width:100%;
height:100%;
position:absolute;
background-color:#999;
z-index:9999;
top:0;
left:0;
opacity:0.5;
}
色は任意ができ、透明性は、任意であってもよいです。
互換性のあるプロセス:
-moz-opacity: 0.7;
opacity: 0.70;
filter: alpha(opacity=70);
3.コントロールの表示または非表示
V-IFディスプレイマスクを制御したり非表示フラグが偽に設定されている場合、非表示にするtrueとfalseまたはhiddle; trueに、ディスプレイ
// 遮罩层显示
show: function () {
this.setData({ flag: false })
},
// 遮罩层隐藏
conceal: function () {
this.setData({ flag: true })
},