actionsheet(操作表)
actionsheet一般从底部弹出,显示一系列可供用户选择的操作按钮; actionsheet是从popover控件基础上演变而来,实际上就是一个固定从底部弹出的popover,故DOM结构和popove类似,只是需要在含.mui-popover
类的节点上增加.mui-popover-bottom
.mui-popover-action
类;
-
菜单1
-
菜单2
-
取消
和popover一样,推荐使用锚点方式显示、隐藏actionsheet;若要使用js代码动态显示、隐藏actionsheet,同样在popover插件的构造方法中传入"toggle"参数即可,如下:
mui('#sheet1').popover('toggle');
【actionsheet(操作表)】从底部动画弹出系统样式选择按钮框 原生actionSheet
plus.nativeUI.actionSheet({
title:title,//标题
cancel:'取消',
buttons:btn,//[{title:"不同意",style:"destructive"}]destructive:红色,默认黑色
},function(e){
console.log(e.index);
})
推荐阅读
- 麒麟操作系统|麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十三篇 PDF查看与编辑
- 字符串的相关操作
- MySQL|MySQL(基本概念和基础操作)
- 使用mvc对数据操控(封装)
- Linux|Centos8安装 Hadoop3 详细操作(含图文)
- MyBatis-Plus笔记|MybatisPlus学习笔记------CRUD操作---insert操作
- openGauss|【openGauss3.0.0之Java API基本操作】
- 操作系统|[译]HTTP/2的优先级
- atomic
- Springboot操作Redis时,发现key值出现|Springboot操作Redis时,发现key值出现 \xac\xed\x00\x05t\x00\tb