1.0.0 • Published 3 years ago

vh-toast v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

VH-Toast

一款简约的基于原生 Javascript 的消息提示插件 VH-Toast

一款简约的基于原生 Javascript 的消息提示插件 VH-Toast。比如,$vh.default$vh.info 等,默认为default。此时正文内容以message的值传入。同时,我们可传入 vhHtml 来支持 HTML标签 的显示。

韩小韩博客 - VH-Toast 一款简约的基于原生 Javascript 的消息提示插件

演示地址

点击查看演示

调用

<script src="https://cdn.jsdelivr.net/gh/uxiaohan/VH-Toast/lib/vh.toast.min.js"></script>

默认样式

$vh.default("这是一条默认消息提示");

$vh.default({
  message: "这是一条默认消息提示",
});

$vh.default({
  message: "这是一条支持 HTML标签 的默认消息提示",
  vhHtml: true,
});

成功样式

$vh.success("这是一条成功消息提示");

$vh.success({
  message: "这是一条成功消息提示",
});

$vh.success({
  message: "这是一条支持 HTML标签 的成功消息提示",
  vhHtml: true,
});

消息样式

$vh.info("这是一条消息提示");

$vh.info({
  message: "这是一条消息提示",
});

$vh.info({
  message: "这是一条支持 HTML标签 的消息提示",
  vhHtml: true,
});

警告样式

$vh.warning("这是一条警告消息提示");

$vh.warning({
  message: "这是一条警告消息提示",
});

$vh.warning({
  message: "这是一条支持 HTML标签 的警告消息提示",
  vhHtml: true,
});

错误样式

$vh.error("这是一条错误消息提示");

$vh.error({
  message: "这是一条错误消息提示",
});

$vh.error({
  message: "这是一条支持 HTML标签 的错误消息提示",
  vhHtml: true,
});