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

新增简洁主图卡片

Browse Source
This commit is contained in:
augushong
2023-01-19 11:12:30 +08:00
parent 23a61baa76
commit feafea87cc
5 changed files with 47 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
source/components/_index.scss
View File

@@ -1,3 +1,4 @@
@import './card/ul-easy-image/index';
@import './header/ul-shop-header/index';
@import './list/ul-book-item/index';
@import './list/ul-music-list/index';

5
source/components/card/ul-easy-image/_index.env Normal file
View File

@@ -0,0 +1,5 @@
title=简洁主图卡片
padding=1
margin=0
gray=1
mobile=1

15
source/components/card/ul-easy-image/_index.html Normal file
View File

@@ -0,0 +1,15 @@
<div class="ul-easy-image">
<div class="ul-easy-image__main ul-demo-img-bg">
</div>
<div class="ul-easy-image__footer">
<div class="ul-easy-image__title">
画写板
</div>
<div class="ul-easy-image__option">
<div class="layui-btn layui-btn-xs layui-btn-primary">
立即咨询
</div>
</div>
</div>
</div>

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

26
source/components/card/ul-easy-image/_index.scss Normal file
View File

@@ -0,0 +1,26 @@
.ul-easy-image {
margin: 5px;
border-radius : 15px;
overflow : hidden;
background-color: #fff;
box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.4);
&__main {
width : 100%;
height: 160px;
}
&__footer {
padding : 5px 15px;
display : flex;
align-items : flex-end;
justify-content: space-between;
}
&__title {
margin-top : 10px;
padding-bottom: 10px;
font-size : 16px;
font-weight : 600;
}
}