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

Former-commit-id: 86f0397cb197d86b66ef757d6f5df935a2d8c90a
Former-commit-id: 390cae815669dfe1986d175006213245177d43db
Former-commit-id: 905ac54c4d0297d9064ec24e408a735464ffbf4f
---
 src/pages/demo/components/icon/svg.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/pages/demo/components/icon/svg.vue b/src/pages/demo/components/icon/svg.vue
index 98d0b92f..82b0d455 100644
--- a/src/pages/demo/components/icon/svg.vue
+++ b/src/pages/demo/components/icon/svg.vue
@@ -4,7 +4,7 @@
       slot="header"
       title="SVG图标组件">
     </PageHeader>
-    <el-row :gutter="10">
+    <el-row>
       <el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
         <IconSvg class="icon" :name="icon"></IconSvg>
         <div class="icon-title">
@@ -18,14 +18,19 @@
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
 .icon-card {
-  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  height: 150px;
 }
 .icon {
-  height: 100px;
-  width: 100px;
+  height: 80px;
+  width: 80px;
 }
 .icon-title {
   font-size: 12px;
+  margin-top: 10px;
   span {
     color: $color-text-sub;
   }