将用户卡片迁移到新代码结构

demo/pc/card.html

@@ -166,52 +166,6 @@
     </div>
 </fieldset>
 
-<fieldset class="layui-elem-field layui-field-title">
-    <legend>用户主页名片</legend>
-    <div class="layui-field-box">
-        <div class="ul-padding-md ul-bg-gray" style="width:300px">
-            <div class="ul-info-card">
-                <div class="header">
-                    <div class="img" style="background-image: url('/static/images/view.jpg');">
-
-                    </div>
-                </div>
-                <div class="body">
-                    <div class="title">
-                        奥宏科技
-                    </div>
-                    <div class="line">
-
-                    </div>
-                    <div class="info">
-                        <div class="info-item">
-                            <div class="info-title">ID</div>
-                            <div class="info-value">2369</div>
-                        </div>
-                        <div class="info-item">
-                            <div class="info-title">性别</div>
-                            <div class="info-value">男</div>
-                        </div>
-                        <div class="info-item">
-                            <div class="info-title">工作时间</div>
-                            <div class="info-value">3年</div>
-                        </div>
-                        <div class="info-item">
-                            <div class="info-title">地址</div>
-                            <div class="info-value">山东省临沂市兰山区</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="footer">
-                    <div class="layui-btn layui-btn-fluid layui-btn-normal">
-                        <i class="layui-icon layui-icon-cellphone"></i> 立即联系
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</fieldset>
-
 
 <fieldset class="layui-elem-field layui-field-title">
     <legend>数据详情卡片-简约</legend>

public/cdn/layui-ul.css

@@ -389,45 +389,6 @@
   padding: 15px;
 }
 
-.ul-info-card {
-  background-color: #fff;
-}
-.ul-info-card .header .img {
-  width: 100%;
-  height: 160px;
-  background-size: cover;
-  background-position: center;
-}
-.ul-info-card .body {
-  margin-top: 15px;
-}
-.ul-info-card .body .title {
-  text-align: center;
-  font-size: 18px;
-  font-weight: 600;
-  color: #333;
-}
-.ul-info-card .body .line {
-  height: 3px;
-  width: 60px;
-  background-color: #1E9FFF;
-  margin: 10px auto;
-}
-.ul-info-card .body .info {
-  padding: 15px;
-}
-.ul-info-card .body .info .info-item {
-  display: inline-block;
-  min-width: 30%;
-  margin-bottom: 10px;
-  margin-right: 1%;
-}
-.ul-info-card .body .info .info-item .info-title {
-  font-size: 12px;
-  color: #999;
-  margin-bottom: 6px;
-}
-
 .ul-data-card {
   margin: 15px;
   padding: 15px;
@@ -1108,6 +1069,45 @@
   font-weight: 600;
 }
 
+.ul-info-card {
+  background-color: #fff;
+}
+.ul-info-card .header .img {
+  width: 100%;
+  height: 160px;
+  background-size: cover;
+  background-position: center;
+}
+.ul-info-card .body {
+  margin-top: 15px;
+}
+.ul-info-card .body .title {
+  text-align: center;
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+}
+.ul-info-card .body .line {
+  height: 3px;
+  width: 60px;
+  background-color: #1E9FFF;
+  margin: 10px auto;
+}
+.ul-info-card .body .info {
+  padding: 15px;
+}
+.ul-info-card .body .info .info-item {
+  display: inline-block;
+  min-width: 30%;
+  margin-bottom: 10px;
+  margin-right: 1%;
+}
+.ul-info-card .body .info .info-item .info-title {
+  font-size: 12px;
+  color: #999;
+  margin-bottom: 6px;
+}
+
 .ul-descriptions-info {
   display: flex;
   align-items: flex-start;

source/components/_index.scss

@@ -5,6 +5,7 @@
 @import './card/ul-card-money/index';
 @import './card/ul-card-qrcode/index';
 @import './card/ul-easy-image/index';
+@import './card/ul-info-card/index';
 @import './descriptions/ul-descriptions-info/index';
 @import './descriptions/ul-descriptions-row/index';
 @import './descriptions/ul-easy-item/index';

source/components/card/ul-info-card/_index.env

@@ -0,0 +1,6 @@
+title=用户主页名片
+padding=1
+margin=0
+gray=1
+mobile=1
+inner_margin=0

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

@@ -0,0 +1,38 @@
+<div class="ul-info-card">
+    <div class="header">
+        <div class="img" style="background-image: url('/static/images/view.jpg');">
+
+        </div>
+    </div>
+    <div class="body">
+        <div class="title">
+            奥宏科技
+        </div>
+        <div class="line">
+
+        </div>
+        <div class="info">
+            <div class="info-item">
+                <div class="info-title">ID</div>
+                <div class="info-value">2369</div>
+            </div>
+            <div class="info-item">
+                <div class="info-title">性别</div>
+                <div class="info-value">男</div>
+            </div>
+            <div class="info-item">
+                <div class="info-title">工作时间</div>
+                <div class="info-value">3年</div>
+            </div>
+            <div class="info-item">
+                <div class="info-title">地址</div>
+                <div class="info-value">山东省临沂市兰山区</div>
+            </div>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="layui-btn layui-btn-fluid layui-btn-normal">
+            <i class="layui-icon layui-icon-cellphone"></i> 立即联系
+        </div>
+    </div>
+</div>

source/components/card/ul-info-card/_index.php

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

source/scss/card/_index.scss

@@ -1,4 +1,3 @@
 @import './ul-card-simple-icon';
 @import './ul-card-message';
-@import './ul-info-card';
 @import './ul-data-card';