From bc6b701769b2ef4e0f136b61f3844095f713657b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=9D=A8?= <1711467488@qq.com>
Date: Thu, 15 Feb 2018 17:53:36 +0800
Subject: [PATCH] no message

Former-commit-id: c5bf955e452dc8142dfabe140002a68a64e927fe
Former-commit-id: ac9d62e5efb369bff9dbcb012ce1d043d88b01a2
Former-commit-id: 4430b86f31f0755a7a23ecfac3e112cf2e3b72fa
---
 .../demo/components/icon/components/IconCell.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/pages/demo/components/icon/components/IconCell.vue b/src/pages/demo/components/icon/components/IconCell.vue
index 40700487..1aa9bca2 100644
--- a/src/pages/demo/components/icon/components/IconCell.vue
+++ b/src/pages/demo/components/icon/components/IconCell.vue
@@ -10,14 +10,19 @@
         <i :class="'fa fa-' + icon"></i>
       </div>
       <el-row :gutter="10">
-        <el-col :span="12">
+        <el-col :span="8">
           <el-tooltip effect="dark" :content="iconClass" placement="top">
-            <el-button @click="copy(iconClass)" style="width: 100%;">复制Class</el-button>
+            <el-button @click="copy(iconClass)" style="width: 100%;">Class</el-button>
           </el-tooltip>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-tooltip effect="dark" :content="iconHtml" placement="top">
-            <el-button @click="copy(iconHtml)" style="width: 100%;">复制HTML</el-button>
+            <el-button @click="copy(iconHtml)" style="width: 100%;">HTML</el-button>
+          </el-tooltip>
+        </el-col>
+        <el-col :span="8">
+          <el-tooltip effect="dark" :content="iconComponent" placement="top">
+            <el-button @click="copy(iconComponent)" style="width: 100%;">组件</el-button>
           </el-tooltip>
         </el-col>
       </el-row>
@@ -47,6 +52,9 @@ export default {
     },
     iconHtml () {
       return `<i class="fa fa-${this.icon}" aria-hidden="true"></i>`
+    },
+    iconComponent () {
+      return `<Icon name="${this.icon}"></Icon>`
     }
   },
   methods: {