@edu-fe/vue-toast
简单的全局 toast 插件实现,目前只能在 dom 环境下使用,小程序可以暂时用原生 toast
Last updated a year ago by shockw4ver .
Original npm · Tarball · package.json
$ cnpm install @edu-fe/vue-toast 
SYNC missed versions from official npm registry.

@edu-fe/toast

简单的全局 toast 插件实现,目前只能在 dom 环境下使用,小程序可以暂时用原生 toast

Usage

先将插件注册到全局:

import Toast from '@edu-fe/toast'

Vue.use(new Toast(), {
  template: '...'
})

注意点:

  • Mustache: Toast 内提供默认的 template,如果要重写模板,可以使用 mustache 的规范格式,如:<div>{{ title }}</div>,其数据在后面的展示方法中传入

展示:

this.$loading.show({
  message: 'Let\'s make a toast!',
  top: 100,
  bottom: 100,
  keep: 2000
})

各项意义:

  • message:如果没有重写 template 则必传,是展示在 toast 上的数据
  • top:如果传入该值,则 toast 表现为自上而下出现,该值即 toast top 值;如果同时传入了 bottom,则忽略 bottom
  • bottom:如果传入该值且没有传入 top,则 toast 表现为自下而上出现,该值即 toast bottom 值
  • keep:toast 停留的时间,单位 ms,不传则默认为 2000

Current Tags

  • 0.0.4                                ...           latest (a year ago)

4 Versions

  • 0.0.4                                ...           a year ago
  • 0.0.3                                ...           a year ago
  • 0.0.2                                ...           a year ago
  • 0.0.1                                ...           a year ago
Downloads
Today 0
This Week 1
This Month 2
Last Day 0
Last Week 1
Last Month 14
Dependencies (5)
Dev Dependencies (7)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |