在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 關閉遮罩

vue 關閉遮罩

<div class="mark" v-show="markFlag!=0">
    <section class="exitLogin" v-show="markFlag==1">
       
    </section>
    <section class="reciveGoodsInfo" v-show="markFlag==2">
       
    </section>
    <section class="buyDiamond" v-show="markFlag==3">
    
    </section>
</div>

上面是遮罩的部分代碼 中間3個section 是選項卡一類的東西大小只占遮罩中間一部分 如何實現(xiàn)點擊遮罩沒有內容的部分 關閉遮罩這個功能啊 放了個假發(fā)現(xiàn)忘了好多東西 老鐵們給點思路

回答
編輯回答
孤慣

給遮罩綁定點擊事件，點擊時將markFlag 設置為0

2017年10月30日 12:31
編輯回答
背叛者

這樣布局:

<style>
    .mask{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background: #000;
        z-index:2000;
    }
    .content{
        z-index:20001;
    }
</style>
<div class="mark" v-show="markFlag!=0">
    <div class="content">
        <section class="exitLogin" v-show="markFlag==1">
       
        </section>
        <section class="reciveGoodsInfo" v-show="markFlag==2">
           
        </section>
        <section class="buyDiamond" v-show="markFlag==3">
        
        </section>
    </div>
    <div class="mask"></div>
</div>

圖片描述

2017年2月27日 00:58