breaking change: rename Info to Badge
This commit is contained in:
@@ -254,7 +254,6 @@ export default {
|
||||
| disabled | 是否禁用标签 | _boolean_ | `false` |
|
||||
| dot `v2.3.0` | 是否在标题右上角显示小红点 | _boolean_ | `false` |
|
||||
| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
|
||||
| info `v2.3.0` | 图标右上角徽标的内容(已废弃,请使用 badge 属性) | _number \| string_ | - |
|
||||
| name `v2.0.6` | 标签名称,作为匹配的标识符 | _number \| string_ | 标签的索引值 |
|
||||
| url `v2.2.1` | 点击后跳转的链接地址 | _string_ | - |
|
||||
| to `v2.2.1` | 点击后跳转的目标路由对象,同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
|
||||
|
||||
@@ -11,7 +11,6 @@ export default createComponent({
|
||||
...routeProps,
|
||||
dot: Boolean,
|
||||
name: [Number, String],
|
||||
info: [Number, String],
|
||||
badge: [Number, String],
|
||||
title: String,
|
||||
titleStyle: null,
|
||||
|
||||
@@ -105,7 +105,7 @@ exports[`dot prop 1`] = `
|
||||
<div class="van-tabs__wrap">
|
||||
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
|
||||
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text-wrapper"><span class="van-tab__text van-tab__text--ellipsis"></span>
|
||||
<div class="van-info van-info--dot"></div>
|
||||
<div class="van-badge van-badge--dot"></div>
|
||||
</span></div>
|
||||
<div class="van-tabs__line"></div>
|
||||
</div>
|
||||
@@ -116,12 +116,12 @@ exports[`dot prop 1`] = `
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`info prop 1`] = `
|
||||
exports[`badge prop 1`] = `
|
||||
<div class="van-tabs van-tabs--line">
|
||||
<div class="van-tabs__wrap">
|
||||
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
|
||||
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text-wrapper"><span class="van-tab__text van-tab__text--ellipsis"></span>
|
||||
<div class="van-info">10</div>
|
||||
<div class="van-badge">10</div>
|
||||
</span></div>
|
||||
<div class="van-tabs__line"></div>
|
||||
</div>
|
||||
|
||||
@@ -246,11 +246,11 @@ test('dot prop', () => {
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
});
|
||||
|
||||
test('info prop', () => {
|
||||
test('badge prop', () => {
|
||||
const wrapper = mount({
|
||||
template: `
|
||||
<van-tabs>
|
||||
<van-tab info="10">Text</van-tab>
|
||||
<van-tab badge="10">Text</van-tab>
|
||||
</van-tabs>
|
||||
`,
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user