将数据详情卡片-简约改造为组件源码

source/components/_index.scss

@@ -4,6 +4,7 @@
 @import './card/ul-card-file/index';
 @import './card/ul-card-money/index';
 @import './card/ul-card-qrcode/index';
+@import './card/ul-data-card/index';
 @import './card/ul-easy-image/index';
 @import './card/ul-info-card/index';
 @import './descriptions/ul-descriptions-form/index';
@@ -35,4 +36,4 @@
 @import './nav/ul-nav-block/index';
 @import './nav/ul-nav-grid/index';
 @import './nav/ul-nav-info/index';
-@import './nav/ul-nav-tree-2/index';
+@import './nav/ul-nav-tree-2/index';

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

@@ -0,0 +1,6 @@
+title=数据详情卡片-简约
+padding=0
+margin=0
+gray=0
+mobile=1
+inner_margin=0

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

@@ -0,0 +1,43 @@
+<div class="ul-data-card">
+    <div class="header">
+        <div class="mian">
+            <i class="layui-icon layui-icon-user"></i>
+            <span>奥古斯宏</span>
+        </div>
+        <div class="plus">
+            <div class="layui-btn layui-btn-sm">详情</div>
+        </div>
+    </div>
+    <div class="body">
+        <div class="main">
+            <div class="item" data-repeat="3">
+                <div class="item-title">
+                    姓名：
+                </div>
+                <div class="item-value">
+                    张三
+                </div>
+            </div>
+
+            <div class="item">
+                <div class="item-title">
+                    地址：
+                </div>
+                <div class="item-value">
+                    内蒙古大兴安岭雷达峰红岸基地
+                </div>
+            </div>
+
+        </div>
+    </div>
+    <div class="footer">
+        <div class="main">
+            2022年4月14日21:28:44
+        </div>
+        <div class="plus">
+            <div class="layui-btn layui-btn-sm layui-btn-normal">删除</div>
+            <div class="layui-btn layui-btn-sm layui-btn-primary">修改</div>
+        </div>
+    </div>
+
+</div>

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

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

source/scss/card/_index.scss

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