微信小程序例子——使用action-sheet弹出小程序底部菜单

最新推荐文章于 2022-11-18 14:56:59 发布

FutrueJet

最新推荐文章于 2022-11-18 14:56:59 发布

阅读量1.1w

点赞数

分类专栏：微信小程序开发例子微信小程序开发例子【操作反馈与媒体组件】文章标签： Web前端互联网前端开发微信小程序编程语言

本文链接：https://blog.csdn.net/FutrueJet/article/details/52937670

版权

1、效果展示

2、关键代码

1、index.wxml



   
   
    
    
    
        
     
     
      
      {
   {item.txt}}
     
     
    
    
    
    
    
    
     
     取消
    
    

   
   

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

2、index.js

Page({
  data:{
    // text:"这是一个页面"
    actionSheetHidden:true,
    actionSheetItems:[
      {bindtap:'Menu1',txt:'菜单1'},
      {bindtap:'Menu2',txt:'菜单2'},
      {bindtap:'Me