refactor:foramt views/component-demo

src/views/svg-icons/index.vue

@@ -1,12 +1,15 @@
 <template>
   <div class="icons-container">
+    <p class="warn-content">
+      <a href="https://panjiachen.github.io/vue-element-admin-site/#/icon" target="_blank">添加和使用方式</a>
+    </p>
     <div class="icons-wrapper">
-      <div v-for='item of iconsMap' :key='item' @click='handleClipboard(generateIconCode(item),$event)'>
+      <div v-for="item of iconsMap" :key="item" @click="handleClipboard(generateIconCode(item),$event)">
         <el-tooltip placement="top">
           <div slot="content">
             {{generateIconCode(item)}}
           </div>
-          <div class='icon-item'>
+          <div class="icon-item">
             <svg-icon :icon-class="item" />
             <span>{{item}}</span>
           </div>
@@ -16,10 +19,9 @@
   </div>
 </template>
 
-
 <script>
 import icons from './generateIconsView'
-import clipboard from '@/utils/clipboard' // use clipboard directly
+import clipboard from '@/utils/clipboard'
 
 export default {
   name: 'icons',
@@ -47,7 +49,7 @@ export default {
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 .icons-container {
-  margin: 40px 20px 0;
+  margin: 10px 20px 0;
   overflow: hidden;
   .icons-wrapper {
     margin: 0 auto;