30 lines
1.1 KiB
Plaintext
30 lines
1.1 KiB
Plaintext
<t-message id="t-message" />
|
|
|
|
<t-message visible="{{visible}}" offset="{{[90, 32]}}" content="这是一条通过组件调用的消息通知" />
|
|
|
|
<view class="message-example">
|
|
<t-button t-class="external-class" theme="primary" variant="outline" size="large" block bind:tap="showTextMessage"
|
|
>纯文字的通知</t-button
|
|
>
|
|
|
|
<t-button t-class="external-class" theme="primary" variant="outline" size="large" block bind:tap="showIconMessage"
|
|
>带图标的通知</t-button
|
|
>
|
|
|
|
<t-button t-class="external-class" theme="primary" variant="outline" size="large" block bind:tap="showCloseMessage"
|
|
>带关闭的通知</t-button
|
|
>
|
|
|
|
<t-button t-class="external-class" theme="primary" variant="outline" size="large" block bind:tap="showScrollMessage"
|
|
>可滚动多通知</t-button
|
|
>
|
|
|
|
<t-button t-class="external-class" theme="primary" variant="outline" size="large" block bind:tap="showBtnMessage"
|
|
>带按钮的通知</t-button
|
|
>
|
|
|
|
<t-button t-class="external-class" theme="primary" variant="outline" size="large" block bind:tap="showComponent"
|
|
>组件调用</t-button
|
|
>
|
|
</view>
|