From 0f23a9b0ba8e5827c7fc1af145c19e27068fcb7c Mon Sep 17 00:00:00 2001
From: Yao <chenyao1102@gmail.com>
Date: Sat, 23 Dec 2017 14:45:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BD=BF=E7=94=A8=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20(#88)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/pages/loadmore/index.wxml |  6 ++--
 packages/loadmore/README.md       | 25 ++++++++++++++++-
 packages/noticebar/README.md      | 46 ++++++++++++++++++++++++++++++-
 3 files changed, 72 insertions(+), 5 deletions(-)

diff --git a/example/pages/loadmore/index.wxml b/example/pages/loadmore/index.wxml
index 9f9f093f..bba9b1ed 100644
--- a/example/pages/loadmore/index.wxml
+++ b/example/pages/loadmore/index.wxml
@@ -3,7 +3,7 @@
 
   <view class="doc-title zan-hairline--bottom">LOADMORE</view>
 
-  <template is="zan-loadmore" data="{{loading: true}}" />
-  <template is="zan-loadmore" data="{{nodata: true}}" />
-  <template is="zan-loadmore" data="{{nomore: true}}" />
+  <template is="zan-loadmore" data="{{ loading: true }}" />
+  <template is="zan-loadmore" data="{{ nodata: true }}" />
+  <template is="zan-loadmore" data="{{ nomore: true }}" />
 </view>
diff --git a/packages/loadmore/README.md b/packages/loadmore/README.md
index 07fe6483..8a10856c 100644
--- a/packages/loadmore/README.md
+++ b/packages/loadmore/README.md
@@ -1,3 +1,26 @@
 ## Loadmore 加载
 
-文档补充中
+### 使用指南
+在 app.wxss 中引入组件库所有样式
+```css
+@import "path/to/zanui-weapp/dist/index.wxss";
+```
+
+在需要使用的页面里引入组件库模板
+```html
+<import src="path/to/zanui-weapp/dist/loadmore/index.wxml" />
+
+<!-- 直接使用 zan-loadmore 模板，并且直接传入设置值 -->
+<template is="zan-loadmore" data="{{ loading: true }}"></template>
+```
+
+### 代码演示
+`loadmore` 支持三种状态，loading, nodata, nomore。传入指定的值即可显示
+```html
+<!-- 加载更多 -->
+<template is="zan-loadmore" data="{{ loading: true }}"></template>
+<!-- 没有可以显示的数据 -->
+<template is="zan-loadmore" data="{{ nodata: true }}"></template>
+<!-- 没有更多的数据了 -->
+<template is="zan-loadmore" data="{{ nomore: true }}"></template>
+```
diff --git a/packages/noticebar/README.md b/packages/noticebar/README.md
index 551e9703..28881377 100644
--- a/packages/noticebar/README.md
+++ b/packages/noticebar/README.md
@@ -1,3 +1,47 @@
 ## Noticebar 通告栏
 
-文档补充中
+### 使用指南
+在 app.wxss 中引入组件库所有样式
+```css
+@import "path/to/zanui-weapp/dist/index.wxss";
+```
+
+在需要使用的页面里引入组件库模板和脚本
+```html
+<import src="path/to/zanui-weapp/dist/noticebar/index.wxml" />
+
+<!-- 直接使用 zan-noticebar 模板，并且直接传入设置值 -->
+<template is="zan-noticebar" data="{{ ...data, componentId: 'noticebar'  }}"></template>
+```
+
+// 在 Page 中混入 Noticebar 里面声明的方法
+```js
+Page(Object.assign({}, Noticebar, {
+  // ...
+}));
+```
+
+### 代码演示
+`Noticebar` 组件支持滚动和静止两种展示方式，通过 text 传入展示文案
+```html
+<template is="zan-noticebar" data="{{ text: '展示文案', componentId: 'noticebar'  }}"></template>
+```
+
+**注意**
+
+如果组件需要开启滚动展示，需要在 Page 的脚本中执行 initZanNoticeBarScroll 方法，来开启滚动展示
+```js
+Page(Object.assign({}, Noticebar, {
+  // ...
+  onShow() {
+    // 在方法中传入对应的 componentId
+    this.initZanNoticeBarScroll('movable');
+  }
+  // ...
+}));
+```
+
+| 参数       | 说明      | 类型       | 默认值       | 必须      |
+|-----------|-----------|-----------|-------------|-------------|
+| text | 通告栏展示文案 | String | - | |
+| componentId | 用于区分页面多个 Noticebar 组件，在调用 initZanNoticeBarScroll 时需要传入 | String | - | |