Popup
打开弹出层的按钮
<a href="javascript:;" class="open-popup" data-target="#bottomb">
<p>打开弹出层</p>
</a>
其中
class='open-popup' 和 data-target="#bottomb"两个属性不可缺少,前者表示点击链接需要打开一个 popup,后者是这个popup的选择器
底部弹出层(默认是隐藏 不要乱加样式)
<div id="bottomb" class="weui-popup__container popup-bottom">
<div class="weui-popup__overlay"></div>
<div class="weui-popup__modal">
<div class="weui-popup__overlay"></div>
<div class="weui-popup__modal">
我是内容内容~~
</div>
</div>
</div>
全屏弹出层 只需要删除Class中的 popup-bottom
本文介绍了如何使用HTML和特定的类属性来创建两种类型的弹出层:底部弹出层和全屏弹出层。底部弹出层默认为隐藏状态,并且通过添加特定的类名和属性可以轻松实现其展示效果。
1768

被折叠的 条评论
为什么被折叠?



