首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何为notify.js警报消息应用样式

如何为notify.js警报消息应用样式
EN

Stack Overflow用户
提问于 2017-12-11 17:08:29
回答 1查看 1.4K关注 0票数 0

我需要知道如何为notify.js警报应用css样式。

这是我的代码-

代码语言:javascript
运行
复制
$.notify({
  message: "Alert!"
}, {
  type: 'danger',
  animate: {
    enter: 'animated fadeInUp',
  },
  placement: {
    from: "top",
    align: "center"
  },
  offset: 20,
  spacing: 10,
  z_index: 1031,
});

我需要为此应用一些样式。

EN

回答 1

Stack Overflow用户

发布于 2017-12-11 17:52:29

代码语言:javascript
运行
复制
$.notify({
  message: "Alert!"
}, {
  type: 'danger',
  animate: {
    enter: 'animated fadeInUp',
  },
  placement: {
    from: "top",
    align: "center"
  },
  offset: 20,
  spacing: 10,
  z_index: 1031,
  style: 'addClassName'
});

然后在html中构造一个这样的结构用于通知。

代码语言:javascript
运行
复制
<div class="notifyjs-addClassName-base notifyjs-addClassNamesuccess">
    <div class="clearfix">
      <div class="title" data-notify-html="title">Would you like some Foo ?
      </div>
      <div class="buttons">
         <button class="no">Cancel</button>
         <button class="yes" data-notify-text="button">Confirm</button>
      </div>
    </div>
  </div>

然后,您可以根据需要创建1个css文件,并添加css,使此.notifyjs-addClassName-base成为基类。

代码语言:javascript
运行
复制
.notifyjs-addClassName-base{

}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47749432

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档