Preview

Preview用于实现表单预览

  1. <div class="weui-form-preview">
  2. <div class="weui-form-preview__hd">
  3. <label class="weui-form-preview__label">付款金额</label>
  4. <em class="weui-form-preview__value">¥2400.00</em>
  5. </div>
  6. <div class="weui-form-preview__bd">
  7. <p>
  8. <label class="weui-form-preview__label">商品</label>
  9. <span class="weui-form-preview__value">电动打蛋机</span>
  10. </p>
  11. <p>
  12. <label class="weui-form-preview__label">标题标题</label>
  13. <span class="weui-form-preview__value">名字名字名字</span>
  14. </p>
  15. <p>
  16. <label class="weui-form-preview__label">标题标题</label>
  17. <span class="weui-form-preview__value">很长很长的名字很长很长的名字很长很长的名字很长很长的名字很长很长的名字</span>
  18. </p>
  19. </div>
  20. <div class="weui-form-preview__ft">
  21. <a class="weui-form-preview__btn weui-form-preview__btn_primary" href="javascript:">操作</a>
  22. </div>
  23. </div>

原文: https://github.com/Tencent/weui/wiki/Preview