新增文章列表样式

public/cdn/layui-ul.css

@@ -1930,6 +1930,41 @@
   line-height: 1.5;
 }
 
+.ul-post-list .ul-post-item {
+  display: flex;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin-bottom: 12px;
+}
+.ul-post-list .ul-post-item .poster {
+  height: 120px;
+  width: 240px;
+}
+.ul-post-list .ul-post-item .main {
+  margin-left: 12px;
+  position: relative;
+}
+.ul-post-list .ul-post-item .main .title {
+  font-size: 14px;
+  font-weight: 600;
+}
+.ul-post-list .ul-post-item .main .desc {
+  font-size: 12px;
+  color: #999;
+  margin-top: 4px;
+}
+.ul-post-list .ul-post-item .main .options {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}
+.ul-post-list .ul-post-item .main .options .item {
+  margin-left: 12px;
+}
+
 .ul-site-group {
   margin-bottom: 8px;
 }

source/components/_index.scss

@@ -26,6 +26,7 @@
 @import './list/ul-photo-card-list/index';
 @import './list/ul-photo-list/index';
 @import './list/ul-photo-list-b/index';
+@import './list/ul-post-list/index';
 @import './list/ul-site-group/index';
 @import './logo/ul-logo/index';
 @import './nav/ul-nav-block/index';

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

@@ -0,0 +1,6 @@
+title=文章列表
+padding=0
+margin=0
+gray=0
+mobile=0
+inner_margin=0

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

@@ -0,0 +1,17 @@
+<div class="ul-post-list">
+    <div class="ul-post-item" data-repeat="3">
+        <div class="poster ul-demo-img-bg" >
+
+        </div>
+        <div class="main">
+            <div class="info">
+                <div class="title">PHP基金会年预算已达300万元 </div>
+                <div class="desc">PHP基金会在2021年11月23日上线运营,目前已经$411,184.29,换算人民币260万元,年度预算达到$488,021.00,算换人民币300万元.</div>
+            </div>
+            <div class="options">
+                <div class="item">2023年7月29日</div>
+                <div class="item">PHP武器库</div>
+            </div>
+        </div>
+    </div>
+</div>

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

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

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

@@ -0,0 +1,43 @@
+.ul-post-list {
+    .ul-post-item {
+        display: flex;
+        align-items: stretch;
+        justify-content: flex-start;
+        margin-bottom: 12px;
+
+        .poster {
+            height: 120px;
+            width: 240px;
+
+        }
+
+        .main {
+            margin-left: 12px;
+            position: relative;
+
+            .title {
+                font-size: 14px;
+                font-weight: 600;
+            }
+
+            .desc {
+                font-size: 12px;
+                color: #999;
+                margin-top: 4px;
+            }
+
+            .options {
+                display: flex;
+                align-items: center;
+                justify-content: flex-end;
+                position: absolute;
+                bottom: 0;
+                right: 0;
+
+                .item {
+                    margin-left: 12px;
+                }
+            }
+        }
+    }
+}