add loadmore

zhouyajunde · Dec 10, 2016 · 5e4f453 · 5e4f453
1 parent a270203
commit 5e4f453
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -25,4 +25,5 @@ WeUI 是由微信官方设计团队为微信内网页和微信小程序开发的
     - [Flex 布局](components/flex.md)
     - [页脚](components/footer.md)
     - [相册](components/gallery.md)
+    - [加载更多](components/loadmore.md)
 * [常见问题](faq/README.md)
diff --git a/components/loadmore.md b/components/loadmore.md
@@ -0,0 +1,36 @@
+## 加载更多
+
+加载更多用于加载内容时或加载完成后的提示，WeUI 提供了三种样式。
+
+### 样式一
+
+```html
+<!-- 正在加载 -->
+<div class="weui-loadmore">
+    <i class="weui-loading"></i>
+    <span class="weui-loadmore__tips">正在加载</span>
+</div>
+```
+
+![](../images/loadmore-1.jpg)
+
+### 样式二
+
+```html
+<!-- 暂无数据 -->
+<div class="weui-loadmore weui-loadmore_line">
+    <span class="weui-loadmore__tips">暂无数据</span>
+</div>
+```
+
+![](../images/loadmore-2.jpg)
+
+### 样式三
+
+```html
+<div class="weui-loadmore weui-loadmore_line weui-loadmore_dot">
+    <span class="weui-loadmore__tips"></span>
+</div>
+```
+
+![](../images/loadmore-3.jpg)
diff --git a/images/loadmore-1.jpg b/images/loadmore-1.jpg
diff --git a/images/loadmore-2.jpg b/images/loadmore-2.jpg
diff --git a/images/loadmore-3.jpg b/images/loadmore-3.jpg