no message

Former-commit-id: 2793ce71c127ee431da465a4ba84805626fcf964
Former-commit-id: f7ecb10fa6d87ffe72f965ee62b64cdd8230c8b6
Former-commit-id: f3679faa52dcc824dd3e687f7319dce7ea39162b

src/pages/demo/plugins/font-awesome/index.vue

@@ -1,11 +1,20 @@
 <template>
-  <Container>
+  <Container type="ghost">
-    <div v-for="(item, index) in icon" :key="index">
+    <el-card v-for="(item, index) in icon" :key="index" :class="index === icon.length - 1 ? '' : 'dd-mb'">
-      <h1>{{item.title}}</h1>
+      <template slot="header">{{item.title}}</template>
-      <div>
+      <el-row style="margin: -10px;">
-        <span v-for="(iconItem, iconIndex) in item.icon" :key="iconIndex" :class="'fa fa-' + iconItem"></span>
+        <el-col
-      </div>
+          v-for="(iconItem, iconIndex) in item.icon"
-    </div>
+          :key="iconIndex"
+          :span="4"
+          class="dd-m-10">
+          <el-tag type="info">
+            <span :class="'fa fa-' + iconItem"></span>
+          </el-tag>
+          <span style="font-size: 10px;">{{iconItem}}</span>
+        </el-col>
+      </el-row>
+    </el-card>
   </Container>
 </template>