• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > Hbuilder MUI 遮罩蒙版

Hbuilder MUI 遮罩蒙版

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含hbuilder mui,hbuilder mui视频教程,hbuilder mui教程,hbuilder mui api,hbuilder mui app等相关知识,教程希望在学习及工作中可以帮助到您
"); </div> 在popover、侧滑菜单等界面,经常会用到蒙版遮罩;比如popover弹出后,除popover控件外的其它区域都会遮罩一层蒙版,用户点击蒙版不会触发蒙版下方的逻辑,而会关闭popover同时关闭蒙版;再比如侧滑菜单界面,菜单划出后,除侧滑菜单之外的其它区域都会遮罩一层蒙版,用户点击蒙版会关闭侧滑菜单同时关闭蒙版。

遮罩蒙版常用的操作包括:创建、显示、关闭,如下代码:

var mask = mui.createMask(callback);//callback为用户点击蒙版时自动执行的回调;
mask.show();//显示遮罩
mask.close();//关闭遮罩
</div>

注意:关闭遮罩仅会关闭,不会销毁;关闭之后可以再次调用mask.show();打开遮罩;

mui默认的蒙版遮罩使用.mui-backdrop类定义(如下代码),若需自定义遮罩效果,只需覆盖定义.mui-backdrop即可;




 

您可能想查找下面的文章:

  • MUI Hbuilder设置模拟器运行APP项目图文教程
  • MUI APP 项目收到Appstore的警告邮件
  • HBuilder mui页面怎么跳转到Android原生界面?
  • HBuilder mui框架开发的App如何查询App的uid
  • mui H5游戏平台完整源码
  • mui app在线更新
  • HBuilder打包mui app Android签名证书的生成
  • MUI H5+ app自动更新思路与实现
  • hbuilder mui IOS 平台离线打包定位插件配置
  • HBuilder mui 页面传参终极版

相关文章

  • 2017-05-31Hbuilder MUI 获取全部窗口的ID
  • 2017-05-31HBuilder mui 自定义事件
  • 2017-05-31mui开发app之联网应用传输数据
  • 2017-05-31HBuilder mui 如何判断网络是否连接
  • 2017-05-31MUI jsonp 解决 webAPP 跨域问题
  • 2017-05-31小米手机安装HBuilder调试基座报错Failure [INSTALL_CANCELED_BY_USER]
  • 2017-05-31hbuilder mui Native.js获取设备当前网速
  • 2017-05-31Hbuilder MUI 上传图片到服务器完整版(ASP.NET版)
  • 2017-05-31mui在软键盘打开的状态下点击返回键软键盘消失,再次点击后返回上一页
  • 2017-05-31MUI页面的创建、显示、关闭

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • mui几种页面跳转方式对比
    • HBuilder mui 手拉手教你制作引导页
    • Hbuilder MUI弹出菜单(popover)
    • plus.webview.currentWebview() 如何获取当前窗口ID
    • Hbuilder MUI如何增加自定义icon图标
    • mui下拉页面偶尔会发生这个错误Cannot read property 'classList' of undefined at js/mui.min.js:2349
    • HBuilder MUI 基于plus.downloader的图片懒加载功能,支持本地缓存
    • Hbuilder MUI 打包APP运行非常卡问题解决
    • Native.js调用讯飞的文字转语音功能(TTS)-Android平台
    • HBuilder mui 里如何去掉滚动条

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有