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

新增导航,新增银行卡

Browse Source
This commit is contained in:
augushong
2021-04-22 00:24:34 +08:00
parent fb0f0d03b3
commit 7cf709a60a
3 changed files with 151 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
demo/card.html
View File

@@ -2,7 +2,7 @@
<legend>卡片A</legend>
<div class="layui-field-box">
<div class="ul-padding-md" data-repeat="3">
<div class="ul-card-a" >
<div class="ul-card-a">
<div class="ul-card-a-left">
<img width="100%" src="{$site_logo_src}" alt="">
</div>
@@ -21,6 +21,40 @@
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>银行卡</legend>
<div class="layui-field-box">
<div class="ul-padding-md">
<div class="ul-card-bank" data-repeat="3">
<div class="ul-common-flex-sb ul-card-bank-header">
<div class="ul-card-bank-title">
中国银行
</div>
<div class="ul-card-bank-number">
尾号 ********123456
</div>
</div>
<div class="ul-common-flex-sb ul-card-bank-body">
<div class="ul-card-bank-line">
<div class="ul-card-bank-line-triangle"></div>
</div>
<div class="ul-card-bank-tips">
默认
</div>
</div>
<div class="ul-common-flex-sb ul-card-bank-footer">
<div class="ul-card-bank-time">
绑定日期:2021-03-15
</div>
<div class="ul-card-bank-name">
**宏
</div>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>详细属性卡片</legend>
<div class="layui-field-box">

20
demo/nav.html
View File

@@ -182,4 +182,24 @@
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>带图片和边框的导航</legend>
<div class="layui-field-box">
<div class="ul-nav-poster" style="width: 200px;">
<div class="ul-nav-poster-item" data-repeat="6">
<div class="ul-nav-poster-left">
<div class="ul-nav-poster-img" style="background-image: url('{$site_logo_src}');">
</div>
<div class="ul-nav-post-title">
国产专区
</div>
</div>
<div class="ul-nav-poster-right">
<div class="ul-nav-poster-desc">进入系统</div>
</div>
</div>
</div>
</div>
</fieldset>