代码拉取完成，页面将自动刷新
在 app.wxss 中引入组件库所有样式
@import "path/to/zanui-weapp/dist/index.wxss";
在需要使用的页面里使用特定的 wxml 结构
<!-- 在需要展示时，增加 zan-popup--show 类即可 -->
<view class="zan-popup zan-popup--show">
<!-- 遮罩层，有需要可以在遮罩层上增加点击事件 -->
<view class="zan-popup__mask"></view>
<!-- 弹出层的内容放在此元素内 -->
<view class="zan-popup__container"></view>
</view>
popup 额外支持了 上下左右 四种动画方式，通过在顶层加指定的类即可。使用方式如下
<!-- 从底部弹出的弹层 -->
<view class="zan-popup zan-popup--bottom">
<!-- 填充 popup 内容 -->
</view>
<!-- 从顶部弹出的弹层 -->
<view class="zan-popup zan-popup--top">
<!-- 填充 popup 内容 -->
</view>
<!-- 从左侧弹出的弹层 -->
<view class="zan-popup zan-popup--left">
<!-- 填充 popup 内容 -->
</view>
<!-- 从右侧弹出的弹层 -->
<view class="zan-popup zan-popup--right">
<!-- 填充 popup 内容 -->
</view>
popup 中内容区域的样式，可以通过自定义 zan-popup__container 或者内部元素来实现。
<view class="zan-popup zan-popup--show">
<!-- 遮罩层，有需要可以在遮罩层上增加点击事件 -->
<view class="zan-popup__mask"></view>
<!-- 弹出层的内容放在此元素内 -->
<view class="zan-popup__container demo-contaienr" style="padding: 15px;"></view>
</view>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。