WeChat applet implementation mask

 HTML

<view class="bg" bindtap='hideview' style='display:{{display}}'></view>  

css:

.bg {  
  display: none;  
  position: absolute;  
  top: 0%;  
  left: 0%;  
  width: 100%;  
  height: 100%;  
  background-color: black;  
  z-index: 1001;  
  -moz-opacity: 0.7;  
  opacity: 0.70;  
  filter: alpha(opacity=70);  
}  

js:

Page({  
  data: {  
    display:''  
  },  
  showview: function() {   
    this.setData({  
      display: "block"  
    })  
  },  
  hideview: function() {  
    this.setData({  
      display: "none"  
    })  
  }  
})  

 

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325323149&siteId=291194637