no message

Former-commit-id: a5a79c56821d2740d7caeedd693ee3b0d2789d78
Former-commit-id: ff3644d92902815dfc198c7889eaf20941269c6d
Former-commit-id: febdf06a50063ce86001f42544e66addd56517ae

src/pages/demo/components/icon/index.vue

@@ -1,5 +1,37 @@
 <template>
   <Container>
-    Hello
+    <el-row :gutter="10">
+      <el-col :span="4">
+        <div>
+          <Icon></Icon>
+        </div>
+        <div>
+          <Icon name="github"></Icon>
+        </div>
+        <div>
+          <Icon name="github" style="font-size: 100px;"></Icon>
+        </div>
+        <div>
+          <Icon name="github" class="icon-class-demo"></Icon>
+        </div>
+      </el-col>
+      <el-col :span="20">
+        <Markdown url="/static/markdownFiles/article/组件 - 图标组件.md"></Markdown>
+      </el-col>
+    </el-row>
   </Container>
 </template>
+
+<style lang="scss">
+.icon-class-demo {
+  transition: all .3s;
+  font-size: 100px;
+  color: #409EFF;
+  cursor: pointer;
+  user-select: none;
+  &:hover{
+    color: #F56C6C;
+    transform: scale(1.2) rotate(30deg);
+  }
+}
+</style>

src/router/menu/_components.js

@@ -14,7 +14,7 @@ export const menu = {
     // 图标
     {
       title: '图标',
-      icon: 'flask',
+      icon: 'font-awesome',
       children: [
         {
           title: '演示',