Welink ui组件介绍Dialog
Dialog
提示框。Dialog UI 提供与WeLink规范一致的视图。 Dialog 类型包括:有标题的提示框、无标题的提示框。提示文字的类型有单行和多行两种。
<div id="dialogs">
<!--BEGIN dialog1-->
<div class="js_dialog" id="iosDialog1" style="display: none;">
<div class="weui-mask"></div>
<div class="weui-dialog">
<div class="weui-dialog__hd"><strong class="weui-dialog__title">标题</strong></div>
<div class="weui-dialog__bd">单行文本单行文本单行文本</div>
<div class="weui-dialog__ft">
<a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_cancel">取消</a>
<a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default">确定</a>
</div>
</div>
</div>
<!--END dialog1-->
<!--BEGIN dialog2-->
<div class="js_dialog" id="iosDialog2" style="display: none;">
<div class="weui-mask"></div>
<div class="weui-dialog">
<div class="weui-dialog__hd"><strong class="weui-dialog__title">标题</strong></div>
<div class="weui-dialog__bd">弹窗内容正文最多两行,如果过长,请在文案上控制。</div>
<div class="weui-dialog__ft">
<a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_cancel">取消</a>
<a href="javascript:;" class="weui-dialog__btn">删除</a>
</div>
</div>
</div>
<!--END dialog2-->
<!--BEGIN dialog3-->
<div class="js_dialog" id="iosDialog3" style="display: none;">
<div class="weui-mask"></div>
<div class="weui-dialog">
<div class="weui-dialog__bd">单行文本单行文本单行文本</div>
<div class="weui-dialog__ft">
<a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default">确定</a>
</div>
</div>
</div>
<!--END dialog3-->
<!--BEGIN dialog4-->
<div class="js_dialog" id="iosDialog4" style="display: none;">
<div class="weui-mask"></div>
<div class="weui-dialog">
<div class="weui-dialog__bd">弹窗内容正文最多两行,如果过长,请在文案上控制。</div>
<div class="weui-dialog__ft">
<a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_cancel">取消</a>
<a href="javascript:;" class="weui-dialog__btn">删除</a>
</div>
</div>
</div>
<!--END dialog4-->
</div>
- 点赞
- 收藏
- 关注作者
评论(0)