优化文件卡片

public/cdn/layui-ul.css

@@ -903,6 +903,8 @@
 .ul-card-file .main .icon {
   font-size: 40px;
   color: #999;
+  width: 40px;
+  text-align: center;
 }
 .ul-card-file .main .icon.file {
   color: #bbb;

source/components/card/ul-card-file/_index.html

@@ -1,6 +1,6 @@
 {volist name='[
 "excel",
-"zip",
+"zipper",
 "word",
 "pdf",
 "powerpoint",
@@ -21,7 +21,7 @@
             </div>
         </div>
         <div class="icon {$file}">
-            <i class="fa fa-file-{$file}-o"></i>
+            <i class="fa fa-file-{$file}"></i>
         </div>
     </div>
     <div class="footer">
@@ -30,3 +30,42 @@
     </div>
 </div>
 {/volist}
+<div class="ul-card-file ul-inline-block">
+    <div class="main">
+        <div class="info">
+            <div class="name">
+                核弹制作与发射 从入门到精通
+            </div>
+            <div class="desc">
+                75GB
+            </div>
+        </div>
+        <div class="icon file">
+            <i class="fa-regular fa-file"></i>
+        </div>
+    </div>
+    <div class="footer">
+        <span>来自ulthon邮箱</span>
+        <span>2022年6月24日</span>
+    </div>
+</div>
+
+<div class="ul-card-file ul-inline-block">
+    <div class="main">
+        <div class="info">
+            <div class="name">
+                核弹制作与发射 从入门到精通
+            </div>
+            <div class="desc">
+                75GB
+            </div>
+        </div>
+        <div class="icon link">
+            <i class="fa fa-link"></i>
+        </div>
+    </div>
+    <div class="footer">
+        <span>来自ulthon邮箱</span>
+        <span>2022年6月24日</span>
+    </div>
+</div>

source/components/card/ul-card-file/_index.scss

@@ -37,6 +37,8 @@
         .icon {
             font-size: 40px;
             color: #999;
+            width: 40px;
+            text-align: center;
 
             &.file {
                 color: #bbb;