From 3c2e8f4868675a48b427e7d6f1cc31896cc6c6f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@meituan.com>
Date: Tue, 22 Aug 2017 17:14:57 +0800
Subject: [PATCH] Icon: code review

---
 docs/examples-docs/icon.md |  4 +---
 packages/icon/src/icon.vue | 24 +++++++++---------------
 2 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/docs/examples-docs/icon.md b/docs/examples-docs/icon.md
index 2dfdb991c..a2278a668 100644
--- a/docs/examples-docs/icon.md
+++ b/docs/examples-docs/icon.md
@@ -65,9 +65,7 @@ Vue.component(Icon.name, Icon);
 ```
 :::
 
-#### 所有Icons
-
-以下为目前所有的图标：
+#### 图标列表
 
 :::demo 所有Icon
 ```html
diff --git a/packages/icon/src/icon.vue b/packages/icon/src/icon.vue
index b7d1e4642..8560237b0 100644
--- a/packages/icon/src/icon.vue
+++ b/packages/icon/src/icon.vue
@@ -1,22 +1,16 @@
 <template>
-  <i class="van-icon" :class="'van-icon-' + name" @click="handleIconClick"></i>
+  <i :class="['van-icon', 'van-icon-' + name]" @click="$emit('click', $event)" />
 </template>
 
 <script>
-  export default {
-    name: 'van-icon',
+export default {
+  name: 'van-icon',
 
-    props: {
-      name: {
-        type: String,
-        required: true
-      }
-    },
-
-    methods: {
-      handleIconClick(event) {
-        this.$emit('click', event);
-      }
+  props: {
+    name: {
+      type: String,
+      required: true
     }
-  };
+  }
+};
 </script>