29 lines
1013 B
Plaintext
29 lines
1013 B
Plaintext
|
<view class="demo-desc">红点徽标</view>
|
||
|
|
<view class="demo-wrapper">
|
||
|
|
<t-badge dot class="wrapper" content="消息" />
|
||
|
|
<t-badge dot offset="{{ [1, -1] }}" class="wrapper">
|
||
|
|
<t-icon name="notification" size="48rpx" ariaLabel="通知" />
|
||
|
|
</t-badge>
|
||
|
|
<t-badge dot offset="{{ [1, 1] }}" class="wrapper">
|
||
|
|
<t-button>按钮</t-button>
|
||
|
|
</t-badge>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="demo-desc">数字徽标</view>
|
||
|
|
<view class="demo-wrapper">
|
||
|
|
<t-badge count="8" content="消息" offset="{{ [4] }}" class="wrapper" />
|
||
|
|
<t-badge count="2" offset="{{ [2, -2] }}" class="wrapper">
|
||
|
|
<t-icon name="notification" size="48rpx" ariaLabel="通知" />
|
||
|
|
</t-badge>
|
||
|
|
<t-badge count="8" offset="{{ [2, 2] }}" class="wrapper">
|
||
|
|
<t-button>按钮</t-button>
|
||
|
|
</t-badge>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="demo-desc">自定义徽标</view>
|
||
|
|
<view class="demo-wrapper">
|
||
|
|
<t-badge count="NEW" offset="{{ [0, 2] }}" ariaRole="button">
|
||
|
|
<t-button icon="notification" ariaLabel="通知" shape="square" size="large" />
|
||
|
|
</t-badge>
|
||
|
|
</view>
|