From ee599ddcbe0177bc397c00d3df7938550ebabfdd Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Tue, 19 May 2020 11:04:16 +0800
Subject: [PATCH] style(Field): adjust field placeholder color to gray-5
 (#6304)

---
 src/field/README.md                            | 2 +-
 src/field/README.zh-CN.md                      | 2 +-
 src/field/demo/BasicUsage.vue                  | 8 +++++++-
 src/field/test/__snapshots__/demo.spec.js.snap | 3 ++-
 src/style/var.less                             | 2 +-
 5 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/field/README.md b/src/field/README.md
index ae18cff5c..4441842ef 100644
--- a/src/field/README.md
+++ b/src/field/README.md
@@ -17,7 +17,7 @@ The value of field is bound with v-model.
 
 ```html
 <van-cell-group>
-  <van-field v-model="value" placeholder="Text" />
+  <van-field v-model="value" label="Label" placeholder="Text" />
 </van-cell-group>
 ```
 
diff --git a/src/field/README.zh-CN.md b/src/field/README.zh-CN.md
index e1d71709a..14d63932c 100644
--- a/src/field/README.zh-CN.md
+++ b/src/field/README.zh-CN.md
@@ -22,7 +22,7 @@ Vue.use(Field);
 ```html
 <!-- Field 是基于 Cell 实现的，可以使用 CellGroup 作为容器来提供外边框。 -->
 <van-cell-group>
-  <van-field v-model="value" placeholder="请输入用户名" />
+  <van-field v-model="value" label="文本" placeholder="请输入用户名" />
 </van-cell-group>
 ```
 
diff --git a/src/field/demo/BasicUsage.vue b/src/field/demo/BasicUsage.vue
index 842564c89..8c805a6ce 100644
--- a/src/field/demo/BasicUsage.vue
+++ b/src/field/demo/BasicUsage.vue
@@ -1,7 +1,11 @@
 <template>
   <demo-block :title="t('basicUsage')">
     <van-cell-group>
-      <van-field v-model="value" :placeholder="t('placeholder')" />
+      <van-field
+        v-model="value"
+        :label="t('label')"
+        :placeholder="t('placeholder')"
+      />
     </van-cell-group>
   </demo-block>
 </template>
@@ -10,9 +14,11 @@
 export default {
   i18n: {
     'zh-CN': {
+      label: '文本',
       placeholder: '请输入文本',
     },
     'en-US': {
+      label: 'Label',
       placeholder: 'Text',
     },
   },
diff --git a/src/field/test/__snapshots__/demo.spec.js.snap b/src/field/test/__snapshots__/demo.spec.js.snap
index 4c8bb4137..4372debf6 100644
--- a/src/field/test/__snapshots__/demo.spec.js.snap
+++ b/src/field/test/__snapshots__/demo.spec.js.snap
@@ -5,7 +5,8 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div class="van-cell van-field">
-        <div class="van-cell__value van-cell__value--alone van-field__value">
+        <div class="van-cell__title van-field__label"><span>文本</span></div>
+        <div class="van-cell__value van-field__value">
           <div class="van-field__body"><input type="text" placeholder="请输入文本" class="van-field__control"></div>
         </div>
       </div>
diff --git a/src/style/var.less b/src/style/var.less
index 3da28bbe5..c31b6e683 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -349,7 +349,7 @@
 @field-input-text-color: @text-color;
 @field-input-error-text-color: @red;
 @field-input-disabled-text-color: @gray-6;
-@field-placeholder-text-color: @gray-6;
+@field-placeholder-text-color: @gray-5;
 @field-icon-size: 16px;
 @field-clear-icon-size: 16px;
 @field-clear-icon-color: @gray-5;