From e9748ff6fd79d75d37bf9a37be147a1f8d854c60 Mon Sep 17 00:00:00 2001
From: Yao <chenyao1102@gmail.com>
Date: Fri, 27 Oct 2017 21:14:03 +0800
Subject: [PATCH] =?UTF-8?q?[bug=20fix]=20Field:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=A4=9A=E8=A1=8C=E5=B1=95=E7=A4=BA=E6=A0=B7=E5=BC=8F=20(#39)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* field 修复多行时的样式

* 样式调整

* field: 增加 placeholder 样式

* field: 字颜色声明
---
 dist/field/index.wxml    |  2 ++
 dist/field/index.wxss    | 19 +++++++++++++++----
 example/field/index.wxml |  4 ++--
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/dist/field/index.wxml b/dist/field/index.wxml
index e1b84999..b95a5eae 100644
--- a/dist/field/index.wxml
+++ b/dist/field/index.wxml
@@ -8,6 +8,7 @@
       auto-height
       placeholder="{{ placeholder }}"
       class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
+      placeholder-class="zan-field__placeholder"
       bindinput="_handleZanFieldChange"
       data-component-id="{{ componentId }}"></textarea>
     <input
@@ -15,6 +16,7 @@
       type="{{ inputType || 'text' }}"
       placeholder="{{ placeholder }}"
       class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
+      placeholder-class="zan-field__placeholder"
       bindinput="_handleZanFieldChange"
       data-component-id="{{ componentId }}"/>
   </view>
diff --git a/dist/field/index.wxss b/dist/field/index.wxss
index 5b6a5e03..5be58895 100644
--- a/dist/field/index.wxss
+++ b/dist/field/index.wxss
@@ -1,5 +1,10 @@
 @import '../cell/index.wxss';
 
+.zan-field {
+  padding: 7px 15px;
+  color: #333;
+}
+
 .zan-field--wrapped {
   margin: 0 15px;
   border: 1rpx solid #e5e5e5;
@@ -23,15 +28,21 @@
 
 .zan-field__title {
   color: #333;
-  min-width: 62px;
+  min-width: 65px;
   padding-right: 10px;
 }
 
 .zan-field__input {
-  line-height: 30px;
-  height: 30px;
-  min-height: 30px;
   flex: 1;
+  line-height: 1.6;
+  padding: 4px 0;
+  min-height: 22px;
+  height: auto;
+  font-size: 14px;
+}
+
+.zan-field__placeholder {
+  font-size: 14px;
 }
 
 .zan-field__input--right {
diff --git a/example/field/index.wxml b/example/field/index.wxml
index ff8dba76..dda82f84 100644
--- a/example/field/index.wxml
+++ b/example/field/index.wxml
@@ -22,7 +22,7 @@
 
   <view class="zan-panel-title">自定义显示内容</view>
   <view class="zan-panel">
-    <view class="zan-cell">
+    <view class="zan-cell zan-field">
       <view class="zan-cell__hd zan-field__title">选择区域</view>
       <picker
         mode="selector"
@@ -35,7 +35,7 @@
       </picker>
     </view>
 
-    <view class="zan-cell">
+    <view class="zan-cell zan-field">
       <view class="zan-cell__hd zan-field__title">验证码</view>
       <input
         type="text"