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

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

10年积累的网站设计、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站后付款的网站建设流程,更有零陵免费网站建设让你可以放心的选择与我们合作。

看下实现效果图:

微信小程序 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

 
 

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


分享标题:微信小程序action-sheet反馈上拉菜单简单实例
当前地址:http://csdahua.cn/article/pcoish.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流