docs: remove demo-section
This commit is contained in:
chenjiahan
+64
-70
@@ -1,79 +1,73 @@
|
||||
<template>
|
||||
<demo-section>
|
||||
<demo-block :title="t('basicUsage')">
|
||||
<van-tabbar v-model="active">
|
||||
<van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="friends-o">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
<demo-block :title="t('basicUsage')">
|
||||
<van-tabbar v-model="active">
|
||||
<van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="friends-o">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('matchByName')">
|
||||
<van-tabbar v-model="activeName">
|
||||
<van-tabbar-item name="home" icon="home-o">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
<van-tabbar-item name="search" icon="search">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
<van-tabbar-item name="friends" icon="friends-o">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
<van-tabbar-item name="setting" icon="setting-o">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
<demo-block :title="t('matchByName')">
|
||||
<van-tabbar v-model="activeName">
|
||||
<van-tabbar-item name="home" icon="home-o">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
<van-tabbar-item name="search" icon="search">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
<van-tabbar-item name="friends" icon="friends-o">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
<van-tabbar-item name="setting" icon="setting-o">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('badge')">
|
||||
<van-tabbar v-model="active2">
|
||||
<van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="search" dot>{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="friends-o" badge="5">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
<van-tabbar-item icon="setting-o" badge="20">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
<demo-block :title="t('badge')">
|
||||
<van-tabbar v-model="active2">
|
||||
<van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="search" dot>{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="friends-o" badge="5">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
<van-tabbar-item icon="setting-o" badge="20">
|
||||
{{ t('tab') }}
|
||||
</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('customIcon')">
|
||||
<van-tabbar v-model="active3">
|
||||
<van-tabbar-item badge="3">
|
||||
<span>{{ t('custom') }}</span>
|
||||
<template #icon="props">
|
||||
<img :src="props.active ? icon.active : icon.inactive" />
|
||||
</template>
|
||||
</van-tabbar-item>
|
||||
<van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
<demo-block :title="t('customIcon')">
|
||||
<van-tabbar v-model="active3">
|
||||
<van-tabbar-item badge="3">
|
||||
<span>{{ t('custom') }}</span>
|
||||
<template #icon="props">
|
||||
<img :src="props.active ? icon.active : icon.inactive" />
|
||||
</template>
|
||||
</van-tabbar-item>
|
||||
<van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('customColor')">
|
||||
<van-tabbar
|
||||
v-model="active4"
|
||||
active-color="#07c160"
|
||||
inactive-color="#000"
|
||||
>
|
||||
<van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="friends-o">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
<demo-block :title="t('customColor')">
|
||||
<van-tabbar v-model="active4" active-color="#07c160" inactive-color="#000">
|
||||
<van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="friends-o">{{ t('tab') }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('switchEvent')">
|
||||
<van-tabbar v-model="active5" @change="onChange">
|
||||
<van-tabbar-item icon="home-o">{{ t('tab') + 1 }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="search">{{ t('tab') + 2 }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="friends-o">{{ t('tab') + 3 }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="setting-o">{{ t('tab') + 4 }}</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
<demo-block :title="t('switchEvent')">
|
||||
<van-tabbar v-model="active5" @change="onChange">
|
||||
<van-tabbar-item icon="home-o">{{ t('tab') + 1 }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="search">{{ t('tab') + 2 }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="friends-o">{{ t('tab') + 3 }}</van-tabbar-item>
|
||||
<van-tabbar-item icon="setting-o">{{ t('tab') + 4 }}</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</demo-block>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user