diff --git a/app.json b/app.json
index 5094cf0b..8582c598 100644
--- a/app.json
+++ b/app.json
@@ -10,7 +10,10 @@
"pages/tab/index",
"pages/quantity/index",
"pages/toptips/index",
+ "pages/helper/index",
+ "pages/form/index",
"pages/steps/index",
+ "pages/namecard/index",
"pages/toast/index"
],
"window":{
diff --git a/dist/form/index.wxss b/dist/form/index.wxss
index e29ddc75..e45daddf 100644
--- a/dist/form/index.wxss
+++ b/dist/form/index.wxss
@@ -14,4 +14,5 @@
}
.zui-form__input {
+ min-height: 26px;
}
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..4351064e 100644
--- a/pages/dashboard/index.wxml
+++ b/pages/dashboard/index.wxml
@@ -29,6 +29,18 @@
<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/form/index">
+ <view class="zui-cell__bd">Form</view>
+ <view class="zui-cell__ft"></view>
+ </navigator>
+ <navigator class="zui-cell zui-cell--access" url="/pages/namecard/index">
+ <view class="zui-cell__bd">Namecard</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/form/index.js b/pages/form/index.js
new file mode 100644
index 00000000..99e7458d
--- /dev/null
+++ b/pages/form/index.js
@@ -0,0 +1,13 @@
+var app = getApp()
+
+Page({
+ data: {
+ },
+
+ onLoad: function () {
+
+ },
+
+ onShow: function() {
+ },
+})
diff --git a/pages/form/index.wxml b/pages/form/index.wxml
new file mode 100644
index 00000000..f72dc660
--- /dev/null
+++ b/pages/form/index.wxml
@@ -0,0 +1,22 @@
+<view class="container">
+
+ <view class="zui-form">
+ <view class="zui-cell zui-form__item">
+ <text class="zui-form__title">收货人</text>
+ <input
+ class="zui-form__input zui-cell__bd"
+ placeholder="名字"
+ />
+ </view>
+ <view class="zui-cell zui-form__item zui-cell--last-child">
+ <text class="zui-form__title">联系电话</text>
+ <input
+ class="zui-form__input zui-cell__bd"
+ type="number"
+ maxlength="20"
+ placeholder="手机或固定电话"
+ />
+ </view>
+ </view>
+
+</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..4220999f
--- /dev/null
+++ b/pages/helper/index.wxml
@@ -0,0 +1,76 @@
+<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 class="">
+ <view>字体颜色</view>
+ <view class="zui-c-red">zui-c-red: 红色</view>
+ <view class="zui-c-gray">zui-c-gray: 灰色</view>
+ <view class="zui-c-gray-dark">zui-c-gray-dark: 再灰一点点</view>
+ <view class="zui-c-gray-darker">zui-c-gray-darker: 更深的灰色</view>
+ <view class="zui-c-black">zui-c-black: 黑色</view>
+ <view class="zui-c-blue">zui-c-blue: 蓝色</view>
+ <view class="zui-c-green">zui-c-green: 绿色</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>
diff --git a/pages/namecard/index.js b/pages/namecard/index.js
new file mode 100644
index 00000000..99e7458d
--- /dev/null
+++ b/pages/namecard/index.js
@@ -0,0 +1,13 @@
+var app = getApp()
+
+Page({
+ data: {
+ },
+
+ onLoad: function () {
+
+ },
+
+ onShow: function() {
+ },
+})
diff --git a/pages/namecard/index.wxml b/pages/namecard/index.wxml
new file mode 100644
index 00000000..cf4bf5a4
--- /dev/null
+++ b/pages/namecard/index.wxml
@@ -0,0 +1,17 @@
+<view class="container">
+
+ <view class="zui-panel">
+ <view class="zui-namecard">
+ <view class="zui-namecard__thumb">
+ <image class="zui-namecard__img"
+ src="https://img.yzcdn.cn/upload_files/2016/12/06/9deca4d6fad5094bc78cb20339eb4264.png?imageView2/2/w/980/h/980/q/75/format/webp"
+ mode="aspectFit"
+ ></image>
+ </view>
+ <view class="zui-namecard__detail">
+ 描述内容~
+ </view>
+ </view>
+ </view>
+
+</view>