From 86d5e0a4cf648bbebe1bdcf8cbc339780446dfeb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 20:46:01 +0800
Subject: [PATCH] docs(Icon): fix layout usage

---
 src/icon/demo/index.vue | 122 ++++++++++++++++++++++------------------
 1 file changed, 68 insertions(+), 54 deletions(-)

diff --git a/src/icon/demo/index.vue b/src/icon/demo/index.vue
index 248dbfea5..fb03bd2e0 100644
--- a/src/icon/demo/index.vue
+++ b/src/icon/demo/index.vue
@@ -3,79 +3,93 @@
     <van-tabs v-model="tab" sticky>
       <van-tab :title="t('demo')">
         <demo-block :title="t('basicUsage')">
-          <van-col span="6" @click="copy(demoIcon)">
-            <van-icon :name="demoIcon" />
-          </van-col>
-          <van-col span="6" @click="copy(demoImage)">
-            <van-icon :name="demoImage" />
-          </van-col>
+          <van-row>
+            <van-col span="6" @click="copy(demoIcon)">
+              <van-icon :name="demoIcon" />
+            </van-col>
+            <van-col span="6" @click="copy(demoImage)">
+              <van-icon :name="demoImage" />
+            </van-col>
+          </van-row>
         </demo-block>
 
         <demo-block :title="t('badge')">
-          <van-col span="6" @click="copy(demoIcon, { dot: true })">
-            <van-icon :name="demoIcon" dot />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { badge: '9' })">
-            <van-icon :name="demoIcon" badge="9" />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { badge: '99+' })">
-            <van-icon :name="demoIcon" badge="99+" />
-          </van-col>
+          <van-row>
+            <van-col span="6" @click="copy(demoIcon, { dot: true })">
+              <van-icon :name="demoIcon" dot />
+            </van-col>
+            <van-col span="6" @click="copy(demoIcon, { badge: '9' })">
+              <van-icon :name="demoIcon" badge="9" />
+            </van-col>
+            <van-col span="6" @click="copy(demoIcon, { badge: '99+' })">
+              <van-icon :name="demoIcon" badge="99+" />
+            </van-col>
+          </van-row>
         </demo-block>
 
         <demo-block :title="t('color')">
-          <van-col span="6" @click="copy(demoIcon, { color: BLUE })">
-            <van-icon :name="demoIcon" :color="BLUE" />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { color: GREEN })">
-            <van-icon :name="demoIcon" :color="GREEN" />
-          </van-col>
+          <van-row>
+            <van-col span="6" @click="copy(demoIcon, { color: BLUE })">
+              <van-icon :name="demoIcon" :color="BLUE" />
+            </van-col>
+            <van-col span="6" @click="copy(demoIcon, { color: GREEN })">
+              <van-icon :name="demoIcon" :color="GREEN" />
+            </van-col>
+          </van-row>
         </demo-block>
 
         <demo-block :title="t('size')">
-          <van-col span="6" @click="copy(demoIcon, { size: '40' })">
-            <van-icon :name="demoIcon" size="40" />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { size: '3rem' })">
-            <van-icon :name="demoIcon" size="3rem" />
-          </van-col>
+          <van-row>
+            <van-col span="6" @click="copy(demoIcon, { size: '40' })">
+              <van-icon :name="demoIcon" size="40" />
+            </van-col>
+            <van-col span="6" @click="copy(demoIcon, { size: '3rem' })">
+              <van-icon :name="demoIcon" size="3rem" />
+            </van-col>
+          </van-row>
         </demo-block>
       </van-tab>
 
       <van-tab :title="t('basic')">
-        <van-col
-          v-for="icon in icons.basic"
-          :key="icon"
-          span="6"
-          @click="copy(icon)"
-        >
-          <van-icon :name="icon" />
-          <span>{{ icon }}</span>
-        </van-col>
+        <van-row>
+          <van-col
+            v-for="icon in icons.basic"
+            :key="icon"
+            span="6"
+            @click="copy(icon)"
+          >
+            <van-icon :name="icon" />
+            <span>{{ icon }}</span>
+          </van-col>
+        </van-row>
       </van-tab>
 
       <van-tab :title="t('outline')">
-        <van-col
-          v-for="icon in icons.outline"
-          :key="icon"
-          span="6"
-          @click="copy(icon)"
-        >
-          <van-icon :name="icon" />
-          <span>{{ icon }}</span>
-        </van-col>
+        <van-row>
+          <van-col
+            v-for="icon in icons.outline"
+            :key="icon"
+            span="6"
+            @click="copy(icon)"
+          >
+            <van-icon :name="icon" />
+            <span>{{ icon }}</span>
+          </van-col>
+        </van-row>
       </van-tab>
 
       <van-tab :title="t('filled')">
-        <van-col
-          v-for="icon in icons.filled"
-          :key="icon"
-          span="6"
-          @click="copy(icon)"
-        >
-          <van-icon :name="icon" />
-          <span>{{ icon }}</span>
-        </van-col>
+        <van-row>
+          <van-col
+            v-for="icon in icons.filled"
+            :key="icon"
+            span="6"
+            @click="copy(icon)"
+          >
+            <van-icon :name="icon" />
+            <span>{{ icon }}</span>
+          </van-col>
+        </van-row>
       </van-tab>
     </van-tabs>
   </demo-section>