feat: 迁移ul-card-a

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

View File

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

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>

View File

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

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;
}