189 8069 5689

微信小程序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://cdxtjz.cn/article/pcoish.html

其他资讯