微信小程序点击按钮弹出弹窗_微信小程序点击按钮弹出底部上拉菜单

2024-05-16 02:20:31

小程序底部弹出菜单操作.gif

html

//index.wxml

弹出action sheet

{{item.txt}}

取消

提示：您选择了菜单{{menu}}

js

//index.js

Page({

data:{

// text:"这是一个页面"

actionSheetHidden:true,

actionSheetItems:[

{bindtap:'Menu1',txt:'菜单1'},

{bindtap:'Menu2',txt:'菜单2'},

{bindtap:'Menu3',txt:'菜单3'}

],

menu:''

},

actionSheetTap:function(){

this.setData({

actionSheetHidden:!this.data.actionSheetHidden

})

},

actionSheetbindchange:function(){

this.setData({

actionSheetHidden:!this.data.actionSheetHidden

})

},

bindMenu1:function(){

this.setData({

menu:1,

actionSheetHidden:!this.data.actionSheetHidden

})

},

bindMenu2:function(){

this.setData({

menu:2,

actionSheetHidden:!this.data.actionSheetHidden

})

},

bindMenu3:function(){

this.setData({

menu:3,

actionSheetHidden:!this.data.actionSheetHidden

})

}

})

image.png

奔着幸福，我们苦苦寻觅。可是，幸福在哪儿？幸福该是沙漠中一片清凉的绿洲吧？我们跋山涉川，望眼欲穿，最终却只见到几丛沙棘；幸福该是大海中的一颗闪亮的珍珠吧？我们涉江探海，寻踪觅迹，末了却只捡到几只贝壳；幸福该是旅途中的一座舒适的城堡吧？我们饥餐渴饮，夜往晓行，最后却只找到一处陋室；幸福该是山那边的一处桃红杏黄的花果园吧？我们千辛万苦，气喘吁吁，终了却只见到几弯垂柳、几丛小草。其实我们不要把幸福太理想化了，世上本没有完整无缺的幸福。

微信小程序点击按钮弹出弹窗_微信小程序点击按钮弹出底部上拉菜单相关推荐

微信小程序点击按钮弹出弹窗_微信小程序实现的点击按钮弹出底部上拉菜单功能示例...
本文实例讲述了微信小程序实现的点击按钮弹出底部上拉菜单功能.分享给大家供大家参考,具体如下: index.wxml 弹出action sheet {{item.txt}} 取消提示:您选择了菜单{ ...
微信小程序点击按钮弹出弹窗_微信小程序自定义弹窗(可通用)
本文为自定义弹窗,该内容可满足如下需求: 自定义各种布局弹窗. 点击弹窗布局外消失弹窗弹出弹窗时背景阴影半透明各方向弹出效果(本文为自下而上弹出). (后续可能会补充新需求,或可以留言讨论你的需求 ...
微信小程序点击按钮弹出弹窗_微信小程序开发弹出框实现方法
本文主要和大家分享微信小程序开发弹出框实现方法,本文所分享的代码很清晰,希望能帮助到大家. 消息提示框模态弹窗操作菜单 1.消息提示--wx.showToast(OBJECT) //show.js ...
微信小程序点击按钮弹出弹窗_微信小程序带图片弹窗简单实现
怎样实现一个带图片显示的模态视图弹窗呢?有时候我们的确有这个需求,自己实现?不不不,哪有官方的方便! 使用官方组件实现图片模态弹窗下面我来介绍一种使用官方组件就能实现的方法: (PS:最近发现一个问 ...
视频教程-微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-微信开发
微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试 ...
视频教程-微信小程序系统教程python版[3/3阶段]_微信小程序支付-手游开发
微信小程序系统教程python版[3/3阶段]_微信小程序支付微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试 ...
微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-翟东平-专题视频课程...
微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-2445人已学习课程介绍微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识. 微信小 ...
Bootstrap 按钮上拉菜单
按钮上拉菜单按钮菜单不仅可以下拉,也可以上拉.要把默认的下拉改成上拉,只要为 .btn-group 容器追加一个 .dropup 类就行了.如: <div class="btn-gr ...
小程序确定取消弹窗_微信小程序定制开发价格确定条件？
点击上方"蓝字"关注我们! 小程序做为变现微信流量的重要载体,已经成为了越来越多商家变现微信流量的主要方式,而在制作相应小程序的时候,我们知道是需要支付相应费用的,而开发费用也是有 ...

最新文章

热门文章