diff --git a/app.json b/app.json
index 5094cf0b..f9666e75 100644
--- a/app.json
+++ b/app.json
@@ -10,6 +10,7 @@
     "pages/tab/index",
     "pages/quantity/index",
     "pages/toptips/index",
+    "pages/helper/index",
     "pages/steps/index",
     "pages/toast/index"
   ],
diff --git a/dist/helper/index.wxss b/dist/helper/index.wxss
index cd9ebf50..a27e12bc 100644
--- a/dist/helper/index.wxss
+++ b/dist/helper/index.wxss
@@ -1,8 +1,8 @@
-.pull-left {
+.zui-pull-left {
   float: left;
 }
 
-.pull-right {
+.zui-pull-right {
   float: right;
 }
 
@@ -50,9 +50,10 @@
 }
 
 .zui-ellipsis {
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: normal;
 }
 
 .zui-ellipsis--l2 {
diff --git a/pages/dashboard/index.wxml b/pages/dashboard/index.wxml
index 1252400b..ea7f1b1b 100644
--- a/pages/dashboard/index.wxml
+++ b/pages/dashboard/index.wxml
@@ -29,6 +29,10 @@
       <view class="zui-cell__bd">Label</view>
       <view class="zui-cell__ft"></view>
     </navigator>
+    <navigator class="zui-cell zui-cell--access" url="/pages/helper/index">
+      <view class="zui-cell__bd">Helper</view>
+      <view class="zui-cell__ft"></view>
+    </navigator>
     <navigator class="zui-cell zui-cell--access" url="/pages/quantity/index">
       <view class="zui-cell__bd">Quantity</view>
       <view class="zui-cell__ft"></view>
diff --git a/pages/helper/index.js b/pages/helper/index.js
new file mode 100644
index 00000000..99e7458d
--- /dev/null
+++ b/pages/helper/index.js
@@ -0,0 +1,13 @@
+var app = getApp()
+
+Page({
+  data: {
+  },
+
+  onLoad: function () {
+
+  },
+
+  onShow: function() {
+  },
+})
diff --git a/pages/helper/index.wxml b/pages/helper/index.wxml
new file mode 100644
index 00000000..4f21ce32
--- /dev/null
+++ b/pages/helper/index.wxml
@@ -0,0 +1,61 @@
+<view class="container">
+
+  <view class="zui-panel">
+    <view class="zui-cell">
+      <view class="zui-cell__bd">
+        <view class="pull-right">pull-right: 往右靠</view>
+      </view>
+    </view>
+
+    <view class="zui-cell">
+      <view class="zui-cell__bd">
+        <view class="zui-text-deleted">zui-text-deleted：被删除的效果</view>
+      </view>
+    </view>
+
+    <view class="zui-cell">
+      <view class="zui-cell__bd">
+        <view class="zui-font-12 zui-font-bold">
+          <view>zui-font-12：字号12</view>
+          <view>zui-font-bold：加粗</view>
+        </view>
+      </view>
+    </view>
+
+    <view class="zui-cell">
+      <view class="zui-cell__bd">
+        <view class="zui-font-16 zui-font-bold">
+          <view>zui-font-16：字号16</view>
+          <view>zui-font-bold：加粗</view>
+        </view>
+      </view>
+    </view>
+
+    <view class="zui-cell">
+      <view class="zui-cell__bd">
+        <view>zui-arrow：箭头</view>
+        <view class="zui-arrow"></view>
+      </view>
+    </view>
+
+    <view class="zui-cell">
+      <view class="zui-cell__bd">
+        <view class="zui-ellipsis" style="width: 300px;">
+          zui-ellipsis：单行点点点
+          ->我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符
+        </view>
+      </view>
+    </view>
+
+    <view class="zui-cell zui-cell--last-child">
+      <view class="zui-cell__bd">
+        <view class="zui-ellipsis--l2">
+          zui-ellipsis--l2：单行点点点
+          ->我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符
+        </view>
+      </view>
+    </view>
+
+  </view>
+
+</view>