feat: 迁移极简图标卡片

source/components/_index.scss

@@ -8,6 +8,7 @@
 @import './card/ul-card-file/index';
 @import './card/ul-card-money/index';
 @import './card/ul-card-qrcode/index';
+@import './card/ul-card-simple-icon/index';
 @import './card/ul-data-card/index';
 @import './card/ul-easy-image/index';
 @import './card/ul-info-card/index';

source/components/card/ul-card-simple-icon/_index.env

@@ -0,0 +1,6 @@
+title=极简图标卡片
+padding=0
+margin=0
+gray=0
+mobile=0
+inner_margin=0

source/components/card/ul-card-simple-icon/_index.html

@@ -0,0 +1,14 @@
+<div
+    class="ul-card-simple-icon"
+    data-repeat="3"
+>
+    <div
+        class="ul-card-simple-icon-image"
+        style="background-image: url('/static/images/view.jpg');"
+    >
+
+    </div>
+    <div class="ul-card-simple-icon-title">
+        图标
+    </div>
+</div>

source/components/card/ul-card-simple-icon/_index.php

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

source/components/card/ul-card-simple-icon/_index.scss

@@ -0,0 +1,29 @@
+
+.ul-card-simple-icon {
+  display: inline-block;
+  margin-right: 15px;
+  margin-bottom: 15px;
+  box-shadow: 0 2px 12px 0 #bbb;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+  background-color: #fff;
+  box-sizing: border-box;
+  width: 100px;
+  padding: 10px;
+  text-align: center;
+}
+.ul-card-simple-icon .ul-card-simple-icon-image {
+  width: 80px;
+  height: 80px;
+  background-size: cover;
+  background-position: center;
+  display: inline-block;
+}
+.ul-card-simple-icon .ul-card-simple-icon-title {
+  border-top: 2px solid #ebeef5;
+  margin-top: 8px;
+  padding-top: 8px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}