ActionSheet

ActionSheet用于显示包含一系列可交互的动作集合,包括说明、跳转等。由底部弹出,一般用于响应用户对页面的点击。

ActionSheet - 图1

  1. <div id="actionSheet_wrap">
  2. <div class="weui-mask_transparent actionsheet__mask" id="mask"></div>
  3. <div class="weui-actionsheet" id="weui-actionsheet">
  4. <div class="weui-actionsheet__menu">
  5. <div class="weui-actionsheet__cell">示例菜单</div>
  6. <div class="weui-actionsheet__cell">示例菜单</div>
  7. <div class="weui-actionsheet__cell">示例菜单</div>
  8. <div class="weui-actionsheet__cell">示例菜单</div>
  9. </div>
  10. <div class="weui-actionsheet__action">
  11. <div class="weui-actionsheet__cell" id="actionsheet_cancel">取消</div>
  12. </div>
  13. </div>
  14.  
  15. <div class="weui-skin_android" id="weui-android-actionsheet" style="display: none">
  16. <div class="weui-mask"></div>
  17. <div class="weui-actionsheet">
  18. <div class="weui-actionsheet__menu">
  19. <div class="weui-actionsheet__cell">示例菜单</div>
  20. <div class="weui-actionsheet__cell">示例菜单</div>
  21. <div class="weui-actionsheet__cell">示例菜单</div>
  22. </div>
  23. </div>
  24. </div>
  25. </div>

原文: https://github.com/Tencent/weui/wiki/ActionSheet