chore: prettier all demos

This commit is contained in:
陈嘉涵
2020-01-19 15:39:00 +08:00
parent 207e80f396
commit 82208c42b8
55 changed files with 646 additions and 498 deletions
+41 -8
View File
@@ -2,46 +2,79 @@
<demo-section>
<demo-block :title="$t('basicUsage')">
<van-grid>
<van-grid-item v-for="i in 4" :key="i" icon="photo-o" :text="$t('text')" />
<van-grid-item
v-for="i in 4"
:key="i"
icon="photo-o"
:text="$t('text')"
/>
</van-grid>
</demo-block>
<demo-block :title="$t('columnNum')">
<van-grid :column-num="3">
<van-grid-item v-for="i in 6" :key="i" icon="photo-o" :text="$t('text')" />
<van-grid-item
v-for="i in 6"
:key="i"
icon="photo-o"
:text="$t('text')"
/>
</van-grid>
</demo-block>
<demo-block :title="$t('customContent')">
<van-grid :border="false" :column-num="3">
<van-grid-item>
<van-image fit="contain" src="https://img.yzcdn.cn/vant/apple-1.jpg" />
<van-image
fit="contain"
src="https://img.yzcdn.cn/vant/apple-1.jpg"
/>
</van-grid-item>
<van-grid-item>
<van-image fit="contain" src="https://img.yzcdn.cn/vant/apple-2.jpg" />
<van-image
fit="contain"
src="https://img.yzcdn.cn/vant/apple-2.jpg"
/>
</van-grid-item>
<van-grid-item>
<van-image fit="contain" src="https://img.yzcdn.cn/vant/apple-3.jpg" />
<van-image
fit="contain"
src="https://img.yzcdn.cn/vant/apple-3.jpg"
/>
</van-grid-item>
</van-grid>
</demo-block>
<demo-block :title="$t('square')">
<van-grid square>
<van-grid-item v-for="i in 8" :key="i" icon="photo-o" :text="$t('text')" />
<van-grid-item
v-for="i in 8"
:key="i"
icon="photo-o"
:text="$t('text')"
/>
</van-grid>
</demo-block>
<demo-block :title="$t('gutter')">
<van-grid :gutter="10">
<van-grid-item v-for="i in 8" :key="i" icon="photo-o" :text="$t('text')" />
<van-grid-item
v-for="i in 8"
:key="i"
icon="photo-o"
:text="$t('text')"
/>
</van-grid>
</demo-block>
<demo-block :title="$t('route')">
<van-grid clickable :column-num="2">
<van-grid-item icon="home-o" :text="$t('vueRoute')" to="/" />
<van-grid-item icon="search" :text="$t('urlRoute')" url="/vant/mobile.html" />
<van-grid-item
icon="search"
:text="$t('urlRoute')"
url="/vant/mobile.html"
/>
</van-grid>
</demo-block>