<div class="ui-piclist ui-piclist-100">
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/1.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title ui-text-hide">商品名称1商品名称1商品名称1商品名称1商品名称1商品名品名称1商品名称1</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/2.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title ui-text-hide ui-text-center">商品名称1</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/3.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title ui-text-hide ui-text-center">商品名称1</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/4.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title ui-text-hide ui-text-center">商品名称1</div>
</div>
</div>
</div>
<div class="ui-piclist ui-piclist-col-2 ui-piclist-100">
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/1.jpg"/><em>限时优惠</em></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">新疆若羌红枣 2500g 灰枣 枣子5斤箱装</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/2.jpg"/><em>限时优惠</em></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/3.jpg"/><em>限时优惠</em></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/4.jpg"/><em>限时优惠</em></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
</div>
<div class="ui-piclist ui-piclist-col-3 ui-piclist-100">
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/1.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/2.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/3.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/4.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/1.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/2.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
</div>
<div class="ui-piclist ui-piclist-col-5 ui-piclist-100">
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/1.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/2.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/3.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/4.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/1.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/2.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/3.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/4.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/1.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/2.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
</div>
<div class="ui-piclist ui-piclist-3-2 ui-piclist-100">
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/1.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/2.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/3.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/4.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
</div>
<div class="ui-piclist ui-piclist-16-9 ui-piclist-100">
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/1.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/2.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/3.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/4.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
</div>
<div class="ui-piclist ui-piclist-4-3 ui-piclist-100">
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/1.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/2.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/3.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/4.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
</div>
<div class="ui-piclist ui-piclist-3-4 ui-piclist-100">
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/1.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/2.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/3.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
<div class="ui-piclist-item">
<div class="ui-piclist-image"><img src="/upfile/4.jpg"/></div>
<div class="ui-piclist-body">
<div class="ui-piclist-title text-hide">商品名称1</div>
<div class="ui-piclist-flex">
<div class="ui-piclist-price"><strong>￥298</strong><del>￥398</del></div>
<div class="action"><a href="#" class="ui-btn ui-btn-blue">购买</a></div>
</div>
</div>
</div>
</div>
| 参数 | 说明 |
|---|---|
| ui-piclist-16-9 | 图片比例：16：9 |
| ui-piclist-1-1 | 图片比例：1：1 |
| ui-piclist-3-2 | 图片比例：3：2 |
| ui-piclist-4-3 | 图片比例：4：3 |
| ui-piclist-col-2 | 一行两列 |
| ui-piclist-col-3 | 一行三列 |
| ui-piclist-col-4 | 一行四列 |
| ui-piclist-col-5 | 一行五列 |
| ui-piclist-100 | 图片高度不留白（图片可能会变形） |