当前位置:  开发笔记 > 小程序 > 正文

微信小程序 action-sheet 反馈上拉菜单简单实例

这篇文章主要介绍了微信小程序action-sheet反馈上拉菜单简单实例的相关资料,需要的朋友可以参考下

微信小程序 action-sheet 反馈上拉菜单简单实例

看下实现效果图:

js

var items = ['item1', 'item2', 'item3', 'item4'] 
var pageObject = { 
 data: { 
  actionSheetHidden: true, 
  actionSheetItems: items 
 }, 
 actionSheetTap: function (e) { 
  this.setData({ 
   actionSheetHidden: !this.data.actionSheetHidden 
  }) 
 }, 
 actionSheetChange: function (e) { 
  this.setData({ 
   actionSheetHidden: !this.data.actionSheetHidden 
  }) 
 } 
} 
 
for (var i = 0; i < items.length; ++i) { 
 (function (itemName) { 
  pageObject['bind' + itemName] = function (e) { 
   console.log('click' + itemName, e) 
  } 
 })(items[i]) 
} 
 
Page(pageObject) 

wxml

 
 

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

推荐阅读
赛亚兔备_393
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有