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

feat: 迁移银行卡

Browse Source
This commit is contained in:
augushong
2025-08-15 09:51:42 +08:00
parent c6506c6a26
commit 0775564945
10 changed files with 152 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
demo/pc/card.html
View File

@@ -1,38 +1,4 @@
<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">

110
public/cdn/layui-ul.css
View File

@@ -739,6 +739,61 @@
z-index: 9;
}
.ul-card-bank {
width: 249px;
border: 1px solid #e4e4e4;
border-radius: 5px;
box-shadow: 0 1px 1px #e9e9e9;
display: inline-block;
margin-right: 14px;
margin-bottom: 10px;
color: #666666;
font-size: 12px;
cursor: pointer;
}
.ul-card-bank-header {
padding: 10px 0;
margin: 0 14px;
border-bottom: 1px dotted #d9d9d9;
}
.ul-card-bank-body {
height: 40px;
padding: 10px 10px 20px 0;
}
.ul-card-bank-line {
width: 88px;
height: 23px;
font-weight: 100;
text-align: center;
background: #2e4158;
border-radius: 0 3px 0 0;
font-size: 14px;
float: left;
}
.ul-card-bank-footer {
padding: 3px 14px;
background: #f8f8f8;
border-top: 1px solid #e7e7e7;
}
.ul-card-bank-line-triangle {
width: 0px;
height: 3px;
display: block;
float: right;
border-left: 9px solid transparent;
border-bottom: 20px solid #fff;
}
.ul-card-bank-tips {
color: #6cf;
font-size: 14px;
}
.ul-card-data {
display: inline-block;
border: 1px solid #eee;
@@ -2983,61 +3038,6 @@
border-bottom: 1px dashed #ddd;
}
.ul-card-bank {
width: 249px;
border: 1px solid #e4e4e4;
border-radius: 5px;
box-shadow: 0 1px 1px #e9e9e9;
display: inline-block;
margin-right: 14px;
margin-bottom: 10px;
color: #666666;
font-size: 12px;
cursor: pointer;
}
.ul-card-bank-header {
padding: 10px 0;
margin: 0 14px;
border-bottom: 1px dotted #d9d9d9;
}
.ul-card-bank-body {
height: 40px;
padding: 10px 10px 20px 0;
}
.ul-card-bank-line {
width: 88px;
height: 23px;
font-weight: 100;
text-align: center;
background: #2e4158;
border-radius: 0 3px 0 0;
font-size: 14px;
float: left;
}
.ul-card-bank-footer {
padding: 3px 14px;
background: #f8f8f8;
border-top: 1px solid #e7e7e7;
}
.ul-card-bank-line-triangle {
width: 0px;
height: 3px;
display: block;
float: right;
border-left: 9px solid transparent;
border-bottom: 20px solid #fff;
}
.ul-card-bank-tips {
color: #6cf;
font-size: 14px;
}
.ul-nav-link-item {
display: inline-block;
margin: 5px 0;

2
public/cdn/layui-ul.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
source/components/_index.scss
View File

@@ -1,6 +1,7 @@
@import './blockquote/layui-quote-gray/index';
@import './card/ul-card-a/index';
@import './card/ul-card-avatar-info/index';
@import './card/ul-card-bank/index';
@import './card/ul-card-data-a/index';
@import './card/ul-card-data-simple/index';
@import './card/ul-card-file/index';

6
source/components/card/ul-card-bank/_index.env Normal file
View File

@@ -0,0 +1,6 @@
title=银行卡
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

29
source/components/card/ul-card-bank/_index.html Normal file
View File

@@ -0,0 +1,29 @@
<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>

0
source/components/card/ul-card-bank/_index.md Normal file
View File

5
source/components/card/ul-card-bank/_index.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
return [
];

55
source/components/card/ul-card-bank/_index.scss Normal file
View File

@@ -0,0 +1,55 @@
.ul-card-bank {
width : 249px;
border : 1px solid #e4e4e4;
border-radius: 5px;
box-shadow : 0 1px 1px #e9e9e9;
display : inline-block;
margin-right : 14px;
margin-bottom: 10px;
color : #666666;
font-size : 12px;
cursor : pointer;
}
.ul-card-bank-header {
padding : 10px 0;
margin : 0 14px;
border-bottom: 1px dotted #d9d9d9;
}
.ul-card-bank-body {
height : 40px;
padding: 10px 10px 20px 0;
}
.ul-card-bank-line {
width : 88px;
height : 23px;
font-weight : 100;
text-align : center;
background : #2e4158;
border-radius: 0 3px 0 0;
font-size : 14px;
float : left;
}
.ul-card-bank-footer {
padding : 3px 14px;
background: #f8f8f8;
border-top: 1px solid #e7e7e7;
}
.ul-card-bank-line-triangle {
width : 0px;
height : 3px;
display : block;
float : right;
border-left : 9px solid transparent;
border-bottom: 20px solid #fff;
}
.ul-card-bank-tips {
color : #6cf;
font-size: 14px;
}

55
source/scss/layui-ul.scss
View File

@@ -526,61 +526,6 @@
border-bottom: 1px dashed #ddd;
}
.ul-card-bank {
width : 249px;
border : 1px solid #e4e4e4;
border-radius: 5px;
box-shadow : 0 1px 1px #e9e9e9;
display : inline-block;
margin-right : 14px;
margin-bottom: 10px;
color : #666666;
font-size : 12px;
cursor : pointer;
}
.ul-card-bank-header {
padding : 10px 0;
margin : 0 14px;
border-bottom: 1px dotted #d9d9d9;
}
.ul-card-bank-body {
height : 40px;
padding: 10px 10px 20px 0;
}
.ul-card-bank-line {
width : 88px;
height : 23px;
font-weight : 100;
text-align : center;
background : #2e4158;
border-radius: 0 3px 0 0;
font-size : 14px;
float : left;
}
.ul-card-bank-footer {
padding : 3px 14px;
background: #f8f8f8;
border-top: 1px solid #e7e7e7;
}
.ul-card-bank-line-triangle {
width : 0px;
height : 3px;
display : block;
float : right;
border-left : 9px solid transparent;
border-bottom: 20px solid #fff;
}
.ul-card-bank-tips {
color : #6cf;
font-size: 14px;
}
.ul-nav-link-item {
display : inline-block;
margin : 5px 0;