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>
|