微信小程序之MaterialDesign(三)-- SnackBar
来源:互联网 发布:软件开发计划书 编辑:程序博客网 时间:2024/05/01 23:42
snackbar: 主要用于提醒用户或者轻量级交互,实现原理: 在需要使用snackbar的页面底部添加一个view,对view进行fixed定位且设置z-index为1000,动态show和hide即可
使用:
1. 复制utils下snackbar文件夹到自己的项目指定目录下2. 在需要使用snackbar的页面的.wxml文件中导入snackbar模板3. 在app.wxss全局样式中导入的snackbar样式配置完以上三步,即可开始调用snackbar,具体如下:SnackBar.getInstance().make({ snack_title:"I have message and action", snack_action: 'cancel', onActionClick: "onActionClick", duration:2000, style_snack_action:'display:block;color:red;', style_snackbar:'background-color:deepskyblue;' })
方法 说明 getInstance 用于SnackBar单例,避免创建过多snackbar对象造成内存占用过大 show 用于snackbar显示 hide 隐藏snackbar, 同dismiss make snackbar对外提供的方法,内部维护了show和hide方法 属性 说明 snack_title snackbar的消息文本 snack_action snackbar的action文本 onActionClick snackbar的action点击事件 duration snackbar的显示时长,若设置为负数或者0,内部自动调为2秒 style_snack_action snackbar的action的样式,可以设置文本颜色,字体等等 style_snackbar snackbar的样式,可以设置文本颜色,字体,背景色等等 sample: 可详细参见pages/snackbar目录下demo
github:https://github.com/jeffer0323/We-MaterialDesign
0 0
- 微信小程序之MaterialDesign(三)-- SnackBar
- MaterialDesign之Snackbar学习笔记
- MaterialDesign--SnackBar
- 原创:微信小程序之MaterialDesign--input组件
- 微信小程序之MaterialDesign(二)--view的ripple、reveal效果
- MaterialDesign(三)
- MaterialDesign之CoordinatorLayout学习笔记(一)
- MaterialDesign之CoordinatorLayout学习笔记(二)
- Material Design (三),Snackbar的使用
- SnackBar 笔记(三)错误及问题
- MaterialDesign 之 ToolBar学习
- MaterialDesign 之 NavigationView
- android MaterialDesign之CardView
- MaterialDesign之Dialog
- MaterialDesign之RippleDrawable
- MaterialDesign之SVG
- MaterialDesign之学一波Palette
- android material design之Snackbar(二)
- 网管的自我修养-外设相关
- 企业号认证接口
- logstash 时间处理
- BZOJ 1098: [POI2007]办公楼biu 补图联通块个数,链表优化
- bzoj 3563 ╮(╯▽╰)╭+ 并查集
- 微信小程序之MaterialDesign(三)-- SnackBar
- 苹果
- C++ 输入与输出
- cmd中Telnet 127.0.0.1 8080 什么时候能够正常建立连接呢?
- 设计-架构资料
- 夕拾算法进阶篇:18)装箱问题 (01背包_动态规划DP)
- NLP技能需求
- logstash 贪婪匹配
- (淘宝无限适配)手机端rem布局详解