小程序开发如何使用action-sheet

 时间:2024-10-11 22:30:10

1、打开小程序开发工具,新建一个小程序的项目,如下图所示

小程序开发如何使用action-sheet

2、在小程序的Wxml界面我们定义一个按钮,如下图所示,接下来用户点击这个按钮需要触发交互

小程序开发如何使用action-sheet

3、添加好按钮以后我们就可以预览一下界面,如下图所示,样式大家可以自己调试

小程序开发如何使用action-sheet

4、接下来我们在wxml中声明action-sheet的内容,如下图所示,然后声明按钮的点击事件

小程序开发如何使用action-sheet

5、然后我们在js界面实现按钮的点击事件,点击事件中主要处理action-sheet中用的参数,如下图所示

小程序开发如何使用action-sheet

6、接下来我们运行程序以后,当点击按钮的时候我们会看到从下面弹出来了交互选项,如下图所示

小程序开发如何使用action-sheet

7、最后我们还可以在action-sheet中绑定change事件,如下图所示,当选择了某个选项以后会触发这个事件

小程序开发如何使用action-sheet
  • unity3D怎么点击左键让物体旋转
  • C4D 快速选择的小技巧
  • 了解maya毛发属性中的光线属性
  • maya中如何将路径转换为polygon
  • unity摄像机怎么清除标识
  • 热门搜索
    初中生手抄报 抗击疫情的手抄报 开学了手抄报内容 最美逆行者手抄报 交通安全知识手抄报 病毒手抄报 关于语文的手抄报 小学生数学手抄报 小学生手抄报制作技巧入门 春节风俗手抄报