Notify 消息提示

使用指南

在 app.json 或 index.json 中引入组件

  1. {
  2. "usingComponents": {
  3. "van-notify": "path/to/vant-weapp/dist/notify/index"
  4. }
  5. }

代码演示

基础用法

  1. import Notify from 'path/to/vant-weapp/dist/notify/notify';
  2. Notify('通知内容');
  1. <van-notify id="van-notify" />

自定义配置

  1. Notify({
  2. text: '通知内容',
  3. duration: 1000,
  4. selector: '#custom-selector',
  5. backgroundColor: '#1989fa'
  6. });
  1. <van-notify id="custom-selector" />

API

参数说明类型默认值
text展示文案String-
duration持续时间Number3000
selector自定义选择器Stringvan-notify
color字体颜色String#fff
backgroundColor背景色String#f44
context选择器的选择范围,可以传入自定义组件的 this 作为上下文Object当前页面

更新日志

版本类型内容
0.0.1feature新增组件

原文: https://youzan.github.io/vant-weapp/#/notify