相册

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