重构条幅(广告)列表

source/components/_index.scss

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

source/components/list/ul-ad-list/_index.env

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

source/components/list/ul-ad-list/_index.html

@@ -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>

source/components/list/ul-ad-list/_index.php

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

source/components/list/ul-ad-list/_index.scss

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