helper doc

app.json

@@ -10,6 +10,7 @@
     "pages/tab/index",
     "pages/quantity/index",
     "pages/toptips/index",
+    "pages/helper/index",
     "pages/steps/index",
     "pages/toast/index"
   ],

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 {

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>

pages/helper/index.js

@@ -0,0 +1,13 @@
+var app = getApp()
+
+Page({
+  data: {
+  },
+
+  onLoad: function () {
+
+  },
+
+  onShow: function() {
+  },
+})

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>