ActionSheet
优质
小牛编辑
117浏览
2023-12-01
ActionSheet
ActionSheet
用于显示包含一系列可交互的动作集合,包括说明、跳转等。由底部弹出,一般用于响应用户对页面的点击。
<div id="actionSheet_wrap">
<div class="weui-mask_transparent actionsheet__mask" id="mask"></div>
<div class="weui-actionsheet" id="weui-actionsheet">
<div class="weui-actionsheet__menu">
<div class="weui-actionsheet__cell">示例菜单</div>
<div class="weui-actionsheet__cell">示例菜单</div>
<div class="weui-actionsheet__cell">示例菜单</div>
<div class="weui-actionsheet__cell">示例菜单</div>
</div>
<div class="weui-actionsheet__action">
<div class="weui-actionsheet__cell" id="actionsheet_cancel">取消</div>
</div>
</div>
<div class="weui-skin_android" id="weui-android-actionsheet" style="display: none">
<div class="weui-mask"></div>
<div class="weui-actionsheet">
<div class="weui-actionsheet__menu">
<div class="weui-actionsheet__cell">示例菜单</div>
<div class="weui-actionsheet__cell">示例菜单</div>
<div class="weui-actionsheet__cell">示例菜单</div>
</div>
</div>
</div>
</div>