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

重构条幅(广告)列表

Browse Source
This commit is contained in:
augushong
2023-05-20 15:43:58 +08:00
parent c55c35cfe7
commit 1891c653cf
10 changed files with 109 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
demo/pc/list.html
View File

@@ -90,22 +90,3 @@
</div> </div>
</fieldset> </fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>条幅(广告)列表</legend>
<div class="layui-field-box">
<div class="ul-ad-list">
<div class="ul-ad-item" data-repeat="3">
<div class="ul-ad-left">
<div class="ul-ad-img" style="background-image: url('/static/images/view.jpg');"></div>
</div>
<div class="ul-ad-right">
<div class="ul-ad-title">福牛迎春</div>
<div class="ul-ad-desc">天天送大礼</div>
<div class="ul-ad-options">
<div class="layui-btn">查看详情</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>

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

@@ -1223,6 +1223,46 @@
margin-right: 3px; margin-right: 3px;
} }
.ul-ad-item {
box-shadow: 1px 1px 8px #666;
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
margin-bottom: 15px;
}
.ul-ad-left {
width: 72%;
height: 170px;
}
.ul-ad-img {
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
.ul-ad-right {
width: 25%;
}
.ul-ad-title {
font-size: 28px;
font-weight: 100;
margin: 0;
color: #e4393c;
}
.ul-ad-desc {
font-size: 14px;
color: #666666;
margin: 26px 0;
line-height: 24px;
}
.ul-avatar-list { .ul-avatar-list {
/* 用户头像开始 */ /* 用户头像开始 */
} }
@@ -2591,46 +2631,6 @@
top: 0px; top: 0px;
} }
.ul-ad-item {
box-shadow: 1px 1px 8px #666;
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
margin-bottom: 15px;
}
.ul-ad-left {
width: 72%;
height: 170px;
}
.ul-ad-img {
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
.ul-ad-right {
width: 25%;
}
.ul-ad-title {
font-size: 28px;
font-weight: 100;
margin: 0;
color: #e4393c;
}
.ul-ad-desc {
font-size: 14px;
color: #666666;
margin: 26px 0;
line-height: 24px;
}
.ul-nav-tree-2-group-title { .ul-nav-tree-2-group-title {
font-size: 14px; font-size: 14px;
height: 32px; height: 32px;

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

@@ -9,6 +9,7 @@
@import './element/ul-loading-pos/index'; @import './element/ul-loading-pos/index';
@import './header/ul-header-shape/index'; @import './header/ul-header-shape/index';
@import './header/ul-shop-header/index'; @import './header/ul-shop-header/index';
@import './list/ul-ad-list/index';
@import './list/ul-avatar-list/index'; @import './list/ul-avatar-list/index';
@import './list/ul-avatar-sidebar-list/index'; @import './list/ul-avatar-sidebar-list/index';
@import './list/ul-book-item/index'; @import './list/ul-book-item/index';

6
source/components/list/ul-ad-list/_index.env Normal file
View File

@@ -0,0 +1,6 @@
title=条幅(广告)列表
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

14
source/components/list/ul-ad-list/_index.html Normal file
View File

@@ -0,0 +1,14 @@
<div class="ul-ad-list">
<div class="ul-ad-item" data-repeat="3">
<div class="ul-ad-left">
<div class="ul-ad-img" style="background-image: url('/static/images/view.jpg');"></div>
</div>
<div class="ul-ad-right">
<div class="ul-ad-title">福牛迎春</div>
<div class="ul-ad-desc">天天送大礼</div>
<div class="ul-ad-options">
<div class="layui-btn">查看详情</div>
</div>
</div>
</div>
</div>

0
source/components/list/ul-ad-list/_index.md Normal file
View File

5
source/components/list/ul-ad-list/_index.php Normal file
View File

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

42
source/components/list/ul-ad-list/_index.scss Normal file
View File

@@ -0,0 +1,42 @@
.ul-ad-list {}
.ul-ad-item {
box-shadow: 1px 1px 8px #666;
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
margin-bottom: 15px;
}
.ul-ad-left {
width: 72%;
height: 170px;
}
.ul-ad-img {
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
.ul-ad-right {
width: 25%;
}
.ul-ad-title {
font-size: 28px;
font-weight: 100;
margin: 0;
color: #e4393c;
}
.ul-ad-desc {
font-size: 14px;
color: #666666;
margin: 26px 0;
line-height: 24px;
}

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

@@ -657,48 +657,6 @@
} }
.ul-ad-list {}
.ul-ad-item {
box-shadow : 1px 1px 8px #666;
background-color: #fff;
display : flex;
align-items : center;
justify-content : space-between;
padding : 15px;
margin-bottom : 15px;
}
.ul-ad-left {
width : 72%;
height: 170px;
}
.ul-ad-img {
height : 100%;
width : 100%;
background-size : cover;
background-position: center;
}
.ul-ad-right {
width: 25%;
}
.ul-ad-title {
font-size : 28px;
font-weight: 100;
margin : 0;
color : #e4393c;
}
.ul-ad-desc {
font-size : 14px;
color : #666666;
margin : 26px 0;
line-height: 24px;
}
.ul-nav-tree-2 {} .ul-nav-tree-2 {}