mini-toast

Demo

点击这里查看 Demo

使用方法

<script src="./mtoast.js"></script>
<script>
  autolog.warn("请勿在此页面输入任何敏感信息。");
  autolog.error("请勿在此页面输入任何敏感信息。");
  autolog.info("请勿在此页面输入任何敏感信息。");
  autolog.success("设置第二个参数time，可以让时间更持久。", 10000);

  clicklog.warn("白日依山尽，\n黄河入海流。\n欲穷千里目，\n更上一层楼。");
  clicklog.error(
    "这首诗描写诗人登上鹳鹊楼所见的壮丽景色，抒发其奋发向上的情怀。在首两句中，诗人挑选了「白日」、「黄河」两景，细致地加以描绘。接着用另一角度描写黄河滚滚东流。诗人从两个角度，仅用十个浅白的字把一幅辽阔无比、苍茫雄浑的黄河落日图生动地展现出来。后两句，诗人即景生情，抒发胸怀，说出了「站得愈高，看得愈远」的道理，表达诗人高瞻远瞩的胸襟和向上进取的精神。全诗二十字，结构严谨，讲究对偶。例如「白日」和「黄河」、「山」和「海」是名词相对；「依」和「入」、「尽」和「流」是动词相对。后两句是流水对。「欲穷」和「更上」是动词相对，「千里」和「一层」是数量词相对，「目」和「楼」是名词相对，对偶工整，两句之间的意思联贯而下，艺术技巧高超，不愧是传颂千古的不朽名篇。"
  );
  clicklog.info(
    "点击toast进行关闭，增加第二个参数addDismissButton可不再显示内容。\n点击后刷新页面体验，可通过clicklog.clearDismissInfo(text)和clicklog.clearAllDismissInfo()恢复显示。",
    true
  );
  clicklog.success("可以使用“\\n”进行换行，或者到达最大宽度自动换行。");

  clicklog.clearAllDismissInfo();
  clicklog.clearDismissInfo("text");
</script>

声明

本项目修改自 我朱哥的作品