博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序把玩(二十二)action-sheet组件
阅读量:7078 次
发布时间:2019-06-28

本文共 930 字,大约阅读时间需要 3 分钟。

原文:

这里写图片描述

action-sheet组件是从底部弹出可选菜单项,估计也是借鉴IOS的设计添加的,action-sheet有两个子组件, action-sheet-item为每个选项,action-sheet-cancel取消选项,与action-sheet-item中间会有间隔,并且点击会触发action-sheet监听事件

主要属性:

这里写图片描述

wxml

js

Page({  data:{    // text:"这是一个页面"    actionSheetHidden: true,    actionSheetItems: ['item1', 'item2', 'item3']  },  listenerButton: function() {
this.setData({ //取反 actionSheetHidden: !this.data.actionSheetHidden }); }, listenerActionSheet:function() {
this.setData({ actionSheetHidden: !this.data.actionSheetHidden }) }, onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数 }, onReady:function(){
// 页面渲染完成 }, onShow:function(){
// 页面显示 }, onHide:function(){
// 页面隐藏 }, onUnload:function(){
// 页面关闭 }})
你可能感兴趣的文章
探索推荐引擎内部的秘密,第 3 部分: 深入推荐引擎相关算法 - 聚类
查看>>
MySQL各版本的性能特性(从4.0版本开始)
查看>>
linux包之bash之内置命令ulimit
查看>>
HBase与Zookeeper数据结构查询
查看>>
stdint.h 文件 int8_t uint8_t int16_t uint16_t
查看>>
Linux下hosts、host.conf、resolv.conf
查看>>
linux下网络配置小节[from 老男孩的linux运维笔记]
查看>>
ubuntu--Supervisor进程管理工具
查看>>
amongst/among
查看>>
GUID和自增ID的比较_id/guidid
查看>>
【POJ】【最小生成树】1789 Truck History
查看>>
Adhesive框架系列文章--Mongodb数据服务模块实现(上)
查看>>
C#日期格式转换大全
查看>>
QQ等软件可以联网 网页打不开
查看>>
c++ 使用socket实现C/S端文件的下载传输
查看>>
JMF获取设备列表失败,获取视频设备失败?
查看>>
国内 Mono 相关文章汇总
查看>>
Python模块学习 ---- datetime
查看>>
MS SQL Server Quarter Function
查看>>
VS 2012 的 单元测试 和 测试资源管理器
查看>>