ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-14 23:20:41 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Merge branch 'dev' into next

Browse Source
This commit is contained in:
chenjiahan
2020-09-28 11:46:26 +08:00
parent 6cd9e98ce4 6079101958
commit c2d5a18f59
72 changed files with 259 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/tabbar/README.zh-CN.md
View File

@@ -15,7 +15,7 @@ app.use(TabbarItem);
### 基础用法
`v-model`默认绑定选中标签的索引值，通过修改`v-model`即可切换选中的标签
`v-model` 默认绑定选中标签的索引值，通过修改 `v-model` 即可切换选中的标签。
```html
<van-tabbar v-model="active">
@@ -38,7 +38,7 @@ export default {
### 通过名称匹配
在标签指定`name`属性的情况下，`v-model`的值为当前标签的`name`
在标签指定 `name` 属性的情况下，`v-model` 的值为当前标签的 `name`。
```html
<van-tabbar v-model="active">
@@ -61,7 +61,7 @@ export default {
### 徽标提示
设置`dot`属性后，会在图标右上角展示一个小红点。设置`badge`属性后，会在图标右上角展示相应的徽标
设置 `dot` 属性后，会在图标右上角展示一个小红点；设置 `badge` 属性后，会在图标右上角展示相应的徽标。
```html
<van-tabbar v-model="active">
@@ -74,7 +74,7 @@ export default {
### 自定义图标
通过 icon 插槽自定义图标，可以通过 `slot-scope` 判断标签是否选中
通过 `icon` 插槽自定义图标，可以通过 `slot-scope` 判断标签是否选中。
```html
<van-tabbar v-model="active">
@@ -139,7 +139,7 @@ export default {
### 路由模式
标签栏支持路由模式，用于搭配`vue-router`使用。路由模式下会匹配页面路径和标签的`to`属性，并自动选中对应的标签
标签栏支持路由模式，用于搭配 `vue-router` 使用。路由模式下会匹配页面路径和标签的 `to` 属性，并自动选中对应的标签。
```html
<router-view />