方法一： 代码-1： 缺点： 需要增加一个额外的HTML元素。这意味着该效果无法由css单独实现。 方法二： 伪元素方案 代码-2： 优点： 相对灵活，可一满足绝大多数人对遮盖层的期望。 缺点： 方法三：box-shadow方案代码-3： 1 上面的代码片段中第四个参数' 999px '是扩张参数， ...
分类：
其他好文 时间：
2019-11-29 18:14:57
阅读次数：
97
<view bindtap='showRule'>点击弹出模态框</view> <!--遮罩层--> <view class="ruleZhezhao {{isRuleTrue?'isRuleShow':'isRuleHide'}}"> <view class='ruleZhezhaoContent ...
分类：
微信 时间：
2019-10-25 18:14:01
阅读次数：
287
是通过css解决这个问题,核心css代码如下: alpha和opacity通常是决定透明度。 alpha和opacity区别是什么? 相同点:都是值为0表示完全透明，值为1表示完全不透明。 不同点:alpha可以应用元素特定的属性，只能作用于当前元素，其子元素不能继承，而opacity不仅仅作用于当 ...
分类：
其他好文 时间：
2019-08-31 23:44:11
阅读次数：
228
UIPickerView 此模块封装了一个可以从屏幕底部向上弹出的 action 选择器（3D滚轮效果）。开发者可自定义选择器的样式，包括：导航条颜色、高度，导航条上左右按钮大小、位置、背景色、title，选择器内容区域的背景、高度、字体大小颜色等样式。同时本模块支持自定义是否显示遮罩层及其样式，可监听用户点击遮罩层、导航条左右按钮等事件， 并在监听的事件里自行设置显示/隐藏（show/hide）模块的操作，灵活，多样。
分类：
其他好文 时间：
2019-08-26 16:44:56
阅读次数：
121
原因是因为： touchmove事件冒泡； 解决方案: 阻止遮罩层冒泡，在小程序里面 利用catch+事件名就可以阻止冒泡， 所以 在遮罩层填上事件 catchtouchmove="preventdefault" 小程序1.5.0后可以写上 capture-catch:touchmove="prev ...
分类：
微信 时间：
2019-08-24 19:02:45
阅读次数：
134
利用layui框架layer部分执行的弹出层，这样比起普通alert的弹出层更美观 首先，写一个按钮 js部分 点击页面中的按钮 显示当前界面 点击好，会显示设置好的信息 同样，点击不好，也会显示对应的信息 在弹出的时候还会有遮罩层，而且可以随意移动 ...
分类：
其他好文 时间：
2019-08-16 22:57:26
阅读次数：
118
Vue. 之 Element dialog 拖拽 默认情况下，在使用Element的Dialog模块时，弹出框是不能移动的，且 一旦点击遮罩层区域，弹框就会消失。 解决方案： 1 在 utils 中新建 directives.js 文件 2. main.js中导入：import './utils/d ...
分类：
其他好文 时间：
2019-08-03 18:45:19
阅读次数：
101
正文： 先上效果图: 点击按钮Show显示遮罩层,再次点击屏幕任何地方隐藏遮罩层; 转: https://blog.csdn.net/qq_35713752/article/details/78675450 ...
分类：
微信 时间：
2019-08-02 18:07:39
阅读次数：
191
自从小程序文档更新后，自动授权已不存在啦 目前的授权都是通过button来实现的，具体知识点可参考小程序的官方文档，以下是我做的一个小demo（进入首页，跳出一个登录弹出框，弹出框是自己写的一个UI组件），废话不多说，直接上代码 UI组件部分（modal） modal.wxml modal.wxss ...
分类：
微信 时间：
2019-08-01 11:37:21
阅读次数：
237
template data methods close-on-click-modal：是否可以通过点击 modal 关闭 Dialog 默认值为true 更多api参照官网：https://element.eleme.cn/#/zh-CN/component/quickstart ...
分类：
其他好文 时间：
2019-07-14 09:32:08
阅读次数：
652
