no message

Former-commit-id: 4a1af7085d5d219fa49cb3bcde32bef16f5d69d6
Former-commit-id: 6fd5799f007bc736fcd20354835e908464f52355
Former-commit-id: fb88a361b3f8a5a05e6863fc34809753b6e560ee

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

@@ -0,0 +1,27 @@
+<template>
+  <Container type="ghost">
+    <el-card class="dd-mb">
+      <Icon></Icon>
+      <Icon name="github"></Icon>
+      <Icon name="github" style="font-size: 100px;"></Icon>
+      <Icon name="github" class="icon-class-demo"></Icon>
+    </el-card>
+    <el-card>
+      <Markdown url="/static/markdownFiles/article/组件 - 图标组件.md"></Markdown>
+    </el-card>
+  </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/pages/demo/components/icon/index.vue

@@ -1,37 +0,0 @@
-<template>
-  <Container>
-    <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>