From 155930192baa57e90fdb7473a28aa84c9d6442d8 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Mon, 28 May 2018 17:59:08 +0800
Subject: [PATCH] [Doc] Field: add left-icon demo (#1177)

---
 packages/field/demo/index.vue                       | 7 ++++++-
 packages/field/en-US.md                             | 1 +
 packages/field/test/__snapshots__/demo.spec.js.snap | 4 +++-
 packages/field/zh-CN.md                             | 1 +
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/field/demo/index.vue b/packages/field/demo/index.vue
index df5fe05d6..495d09d7f 100644
--- a/packages/field/demo/index.vue
+++ b/packages/field/demo/index.vue
@@ -29,7 +29,12 @@
 
     <demo-block :title="$t('title3')">
       <van-cell-group>
-        <van-field :value="$t('inputDisabled')" :label="$t('username')" disabled />
+        <van-field
+          :value="$t('inputDisabled')"
+          :label="$t('username')"
+          left-icon="contact"
+          disabled
+        />
       </van-cell-group>
     </demo-block>
 
diff --git a/packages/field/en-US.md b/packages/field/en-US.md
index 6ff064c57..e9e633932 100644
--- a/packages/field/en-US.md
+++ b/packages/field/en-US.md
@@ -49,6 +49,7 @@ Use `type` prop to custom diffrent type fields.
   <van-field
     value="Disabled"
     label="Username"
+    left-icon="contact"
     disabled
   />
 </van-cell-group>
diff --git a/packages/field/test/__snapshots__/demo.spec.js.snap b/packages/field/test/__snapshots__/demo.spec.js.snap
index 2805e0e18..0921f9529 100644
--- a/packages/field/test/__snapshots__/demo.spec.js.snap
+++ b/packages/field/test/__snapshots__/demo.spec.js.snap
@@ -54,7 +54,9 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
       <div disabled="disabled" class="van-cell van-hairline van-field">
-        <!---->
+        <i class="van-icon van-icon-contact van-cell__left-icon" style="color:undefined;">
+          <!---->
+        </i>
         <div class="van-cell__title"><span>用户名</span>
           <!---->
         </div>
diff --git a/packages/field/zh-CN.md b/packages/field/zh-CN.md
index 2d185e45d..d7300b784 100644
--- a/packages/field/zh-CN.md
+++ b/packages/field/zh-CN.md
@@ -51,6 +51,7 @@ Vue.use(Field);
   <van-field
     value="输入框已禁用"
     label="用户名"
+    left-icon="contact"
     disabled
   />
 </van-cell-group>