表单预览
表单预览可用于显示账单等。
foot 部分的操作按钮可以为一个,也可以为多个,样式有 weui-form-preview__btn_default
和 weui-form-preview__btn_primary
两种。
<!-- 表单预览 -->
<div class="weui-form-preview">
<!-- head 部分 -->
<div class="weui-form-preview__hd">
<div class="weui-form-preview__item">
<label class="weui-form-preview__label">付款金额</label>
<em class="weui-form-preview__value">¥2400.00</em>
</div>
</div>
<!-- body 部分 -->
<div class="weui-form-preview__bd">
<div class="weui-form-preview__item">
<label class="weui-form-preview__label">商品</label>
<span class="weui-form-preview__value">电动打蛋机</span>
</div>
<div class="weui-form-preview__item">
<label class="weui-form-preview__label">标题标题</label>
<span class="weui-form-preview__value">名字名字名字</span>
</div>
<div class="weui-form-preview__item">
<label class="weui-form-preview__label">标题标题</label>
<span class="weui-form-preview__value">很长很长的名字很长很长的名字</span>
</div>
</div>
<!-- foot 部分 -->
<div class="weui-form-preview__ft">
<a href="#" class="weui-form-preview__btn weui-form-preview__btn_default">辅助操作</a>
<a href="#" class="weui-form-preview__btn weui-form-preview__btn_primary">操作</a>
</div>
</div>