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: 迁移ul-card-a

Browse Source
This commit is contained in:
augushong
2025-08-15 09:47:29 +08:00
parent e30bc1e2a3
commit c6506c6a26
9 changed files with 103 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
demo/pc/card.html
View File

@@ -1,27 +1,3 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>卡片A</legend>
<div class="layui-field-box">
<div class="ul-padding-md">
<div class="ul-common-flex-list">
<div class="ul-card-a" data-repeat="3">
<div class="ul-card-a-left">
<img width="100%" src="{$site_logo_src}" alt="">
</div>
<div class="ul-card-a-right">
<div class="ul-card-a-main">
<div class="ul-card-a-title">
卡片标题
</div>
<div class="ul-card-a-desc">
这是卡片说明
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title"> <fieldset class="layui-elem-field layui-field-title">
<legend>银行卡</legend> <legend>银行卡</legend>

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

@@ -664,6 +664,41 @@
border-left-color: #ddd; border-left-color: #ddd;
} }
.ul-card-a {
width: 180px;
display: flex;
justify-content: space-between;
border: 1px solid #bbb;
box-shadow: 2px 2px 5px #999;
color: #516073;
padding: 15px;
cursor: pointer;
margin-right: 15px;
margin-bottom: 15px;
position: relative;
}
.ul-card-a-left {
width: 40%;
}
.ul-card-a-right {
display: flex;
align-items: center;
text-align: center;
width: 50%;
}
.ul-card-a-title {
font-size: 18px;
}
.ul-card-a-desc {
margin-top: 5px;
font-size: 14px;
white-space: nowrap;
}
.ul-card-avatar-info .main { .ul-card-avatar-info .main {
padding: 12px; padding: 12px;
background-color: #1E9FFF; background-color: #1E9FFF;

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,4 +1,5 @@
@import './blockquote/layui-quote-gray/index'; @import './blockquote/layui-quote-gray/index';
@import './card/ul-card-a/index';
@import './card/ul-card-avatar-info/index'; @import './card/ul-card-avatar-info/index';
@import './card/ul-card-data-a/index'; @import './card/ul-card-data-a/index';
@import './card/ul-card-data-simple/index'; @import './card/ul-card-data-simple/index';

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

@@ -0,0 +1,6 @@
title=ul-card-a
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

20
source/components/card/ul-card-a/_index.html Normal file
View File

@@ -0,0 +1,20 @@
<div class="ul-common-flex-list">
<div
class="ul-card-a"
data-repeat="3"
>
<div class="ul-card-a-left ul-demo-img-bg">
</div>
<div class="ul-card-a-right">
<div class="ul-card-a-main">
<div class="ul-card-a-title">
卡片标题
</div>
<div class="ul-card-a-desc">
这是卡片说明
</div>
</div>
</div>
</div>
</div>

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

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

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

35
source/components/card/ul-card-a/_index.scss Normal file
View File

@@ -0,0 +1,35 @@
.ul-card-a {
width: 180px;
display: flex;
justify-content: space-between;
border: 1px solid #bbb;
box-shadow: 2px 2px 5px #999;
color: #516073;
padding: 15px;
cursor: pointer;
margin-right: 15px;
margin-bottom: 15px;
position: relative;
}
.ul-card-a-left {
width: 40%;
}
.ul-card-a-right {
display: flex;
align-items: center;
text-align: center;
width: 50%;
}
.ul-card-a-title {
font-size: 18px;
}
.ul-card-a-desc {
margin-top: 5px;
font-size: 14px;
white-space: nowrap;
}