ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-09 05:32:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

将数据卡片极简使用新结构重构

Browse Source
This commit is contained in:
augushong
2023-04-17 14:19:45 +08:00
parent c9437b5cf5
commit 471134cbe5
12 changed files with 232 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
demo/pc/card.html
View File

@@ -212,87 +212,6 @@
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>数据卡片极简</legend>
<div class="layui-field-box">
<div class="ul-padding-md ul-bg-gray ul-mobile-box">
<div class="ul-card-data-simple">
<div class="item line">
<div class="item-title">
订单数量
</div>
<div class="item-value">
120
</div>
<div class="item-rate up">
30% ↑
</div>
</div>
<div class="item">
<div class="item-title">
订单数量
</div>
<div class="item-value">
120
</div>
<div class="item-rate down">
30% ↓
</div>
</div>
<div class="item">
<div class="item-title">
线下订单
</div>
<div class="item-value">
120
</div>
<div class="item-rate">
30%
</div>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>数据卡片极简底色</legend>
<div class="layui-field-box">
<div class=" ul-mobile-box">
<div class="ul-card-data-simple ul-card-data-simple-bg-black">
<div class="item main">
<div class="item-title">
订单数量
</div>
<div class="item-value">
120
</div>
</div>
<div class="item">
<div class="item-title">
订单数量
</div>
<div class="item-value">
120
</div>
</div>
<div class="item">
<div class="item-title">
线下订单
</div>
<div class="item-value">
120
</div>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>数据详情卡片-简约</legend>