微信小程序之实现遮罩

最新推荐文章于 2025-05-26 12:10:32 发布

转载最新推荐文章于 2025-05-26 12:10:32 发布 · 216 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/jamescasta/blog/1789935

文章标签：

#python

2019独角兽企业重金招聘Python工程师标准>>>

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"  
    })  
  }  
})

滑块验证： https://veui.net/

转载于:https://my.oschina.net/jamescasta/blog/1789935