• 相册

    相册

    Gallery 用于上传图片的预览或展示、幻灯片播放等。

    JS 相关部分可使用 weui.js(点击查看相关文档) 实现,主要配合图片上传使用。

    注意,weui-gallerydisplay 属性默认为 none

    1. <!-- Gallery -->
    2. <div class="weui-gallery" style="display: block">
    3. <!-- 图片 -->
    4. <span class="weui-gallery__img" style="background-image: url(pic_article.png);"></span>
    5. <!-- 底部操作按钮 -->
    6. <div class="weui-gallery__opr">
    7. <a href="#" class="weui-gallery__del">
    8. <i class="weui-icon-delete weui-icon_gallery-delete"></i>
    9. </a>
    10. </div>
    11. </div>

    相册 - 图1