46 lines
2.1 KiB
Plaintext
46 lines
2.1 KiB
Plaintext
<!-- 文本 + 徽标 -->
|
||
<view class="wrapper">
|
||
<t-tab-bar t-class="t-tab-bar" defaultValue="label1">
|
||
<t-tab-bar-item badge-props="{{ {count: 16, offset: [16, 0]} }}" ariaLabel="首页，有16条消息" value="label1">
|
||
首页
|
||
</t-tab-bar-item>
|
||
<t-tab-bar-item badge-props="{{ { dot: true, offset: [16, 0] } }}" ariaLabel="应用，有新的消息" value="label2">
|
||
应用
|
||
</t-tab-bar-item>
|
||
<t-tab-bar-item badge-props="{{ {count: 'New', offset: [16, 0]} }}" ariaLabel="聊天，New" value="label3">
|
||
聊天
|
||
</t-tab-bar-item>
|
||
<t-tab-bar-item badge-props="{{ {count: '···', offset: [16, 0]} }}" ariaLabel="我的，有很多消息" value="label4">
|
||
我的
|
||
</t-tab-bar-item>
|
||
</t-tab-bar>
|
||
</view>
|
||
|
||
<!-- 图标 + 徽标 -->
|
||
<view class="wrapper">
|
||
<t-tab-bar t-class="t-tab-bar" defaultValue="label1" split="{{false}}">
|
||
<t-tab-bar-item badge-props="{{ {count: 16} }}" ariaLabel="首页，有16条消息" value="label1" icon="home" />
|
||
<t-tab-bar-item badge-props="{{ { dot: true } }}" ariaLabel="应用，有新的消息" value="label2" icon="app" />
|
||
<t-tab-bar-item badge-props="{{ {count: 'New'} }}" ariaLabel="聊天，New" value="label3" icon="chat" />
|
||
<t-tab-bar-item badge-props="{{ {count: '···'} }}" ariaLabel="我的，有很多消息" value="label4" icon="user" />
|
||
</t-tab-bar>
|
||
</view>
|
||
|
||
<!-- 文本 + 图标 + 徽标 -->
|
||
<view class="wrapper">
|
||
<t-tab-bar t-class="t-tab-bar" defaultValue="label1" split="{{false}}">
|
||
<t-tab-bar-item badge-props="{{ {count: 16} }}" ariaLabel="首页，有16条消息" value="label1" icon="home">
|
||
首页
|
||
</t-tab-bar-item>
|
||
<t-tab-bar-item badge-props="{{ { dot: true } }}" ariaLabel="应用，有新的消息" value="label2" icon="app">
|
||
应用
|
||
</t-tab-bar-item>
|
||
<t-tab-bar-item badge-props="{{ {count: 'New'} }}" ariaLabel="聊天，New" value="label3" icon="chat">
|
||
聊天
|
||
</t-tab-bar-item>
|
||
<t-tab-bar-item badge-props="{{ {count: '···'} }}" ariaLabel="我的，有很多消息" value="label4" icon="user">
|
||
我的
|
||
</t-tab-bar-item>
|
||
</t-tab-bar>
|
||
</view>
|