增加站位加载中

public/cdn/layui-ul.css

@@ -936,6 +936,25 @@
   margin: 0 8px;
 }
 
+.ul-loading-pos {
+  background-color: #eee;
+  color: #999;
+  display: inline-block;
+}
+.ul-loading-pos .main {
+  padding: 15px;
+}
+.ul-loading-pos.lg .main {
+  padding: 25px 35px;
+}
+.ul-loading-pos.screen {
+  width: 100%;
+}
+.ul-loading-pos.screen .main {
+  padding: 60px 0;
+  text-align: center;
+}
+
 .ul-shop-header {
   padding: 15px;
 }

source/components/_index.scss

@@ -1,6 +1,7 @@
 @import './card/ul-easy-image/index';
 @import './descriptions/ul-descriptions-info/index';
 @import './descriptions/ul-easy-item/index';
+@import './element/ul-loading-pos/index';
 @import './header/ul-shop-header/index';
 @import './list/ul-avatar-list/index';
 @import './list/ul-avatar-sidebar-list/index';

source/components/element/ul-loading-pos/_index.env

@@ -0,0 +1,5 @@
+title=站位加载
+padding=0
+margin=0
+gray=0
+mobile=0

source/components/element/ul-loading-pos/_index.html

@@ -0,0 +1,16 @@
+<div class="ul-section">
+    <div class="ul-loading-pos">
+        <div class="main">加载中</div>
+    </div>
+</div>
+
+<div class="ul-section">
+    <div class="ul-loading-pos lg">
+        <div class="main">加载中</div>
+    </div>
+</div>
+<div class="ul-section">
+    <div class="ul-loading-pos screen">
+        <div class="main">加载中</div>
+    </div>
+</div>

source/components/element/ul-loading-pos/_index.scss

@@ -0,0 +1,24 @@
+.ul-loading-pos {
+    background-color: #eee;
+    color: #999;
+    display: inline-block;
+
+    .main {
+        padding: 15px;
+    }
+
+    &.lg {
+        .main {
+            padding: 25px 35px;
+        }
+    }
+
+    &.screen {
+        width: 100%;
+
+        .main {
+            padding: 60px 0;
+            text-align: center;
+        }
+    }
+}