2019-09-18 15:50:45 +08:00

22 lines
1.0 KiB
Plaintext

<demo-block padding title="基础用法">
<van-button type="danger" bind:click="showNotify">基础用法</van-button>
</demo-block>
<demo-block padding title="通知类型">
<view class="demo-margin-bottom">
<van-button class="demo-margin-right" type="info" data-type="primary" bind:click="showNotifyByType">主要通知</van-button>
<van-button type="primary" data-type="success" bind:click="showNotifyByType">成功通知</van-button>
</view>
<view class="demo-margin-bottom">
<van-button class="demo-margin-right" type="danger" data-type="danger" bind:click="showNotifyByType">危险通知</van-button>
<van-button type="warning" data-type="warning" bind:click="showNotifyByType">警告通知</van-button>
</view>
</demo-block>
<demo-block padding title="自定义通知">
<van-button type="primary" class="demo-margin-right" bind:click="showCustomColor">自定义颜色</van-button>
<van-button type="primary" bind:click="showCustomDuration">自定义时长</van-button>
</demo-block>
<van-notify id="van-notify" safe-area-inset-top />