29 lines
957 B
Plaintext
29 lines
957 B
Plaintext
<view class="demo-desc">红点徽标</view>
|
|
<view class="demo-wrapper">
|
|
<t-badge dot offset="{{ [-4, 4] }}" class="wrapper" content="消息" />
|
|
<t-badge dot offset="{{ [1, -1] }}" class="wrapper">
|
|
<t-icon name="notification" size="24" />
|
|
</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="{{ [-8] }}" class="wrapper" />
|
|
<t-badge count="2" offset="{{ [-2, -2] }}" class="wrapper">
|
|
<t-icon name="notification" size="24" />
|
|
</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] }}">
|
|
<t-button icon="notification" shape="square" size="large" />
|
|
</t-badge>
|
|
</view>
|