必传参数:
system: 系统代号
user: 用户passport
可选参数:
color: 通知图标颜色
size: 通知图标大小
vue版本:2.6.10
element-ui版本:2.12.0
npm install whale-notify
import Notify from 'whale-notify'
<Notify color='white' size='1.1em' system='whale' :user='passport'></Notify>
// 放在需要显示的地方
<div id="app">
<whale-notify color='white' size='1.1em' :system='systemCode' :user='passport'></whale-notify>
</div>
// 放在body尾部
// 推荐使用,引入vue, elementui, whale-notify蓝鲸资源,无需手动更新
// 最好带上version参数,参数为当前日期,防止js缓存导致报错
<script type="text/javascript" src="https://report.whale.xoyo.com/js/whale-notify/whale-notify.js?version=2021-08-24"></script>
<link rel="stylesheet" href="https://report.whale.xoyo.com/js/whale-notify/element-ui/index.css?version=2021-08-24">
<script type="text/javascript" src="https://whale.xoyo.com/js/vue/2.6.14/vue.js?version=2021-08-24"></script>
<script type="text/javascript" src="https://report.whale.xoyo.com/js/whale-notify/element-ui/index.js?version=2021-08-24"></script>
<script>
Vue.use(whaleNotify.default);
console.log('whaleNotify:',whaleNotify)
new Vue({
el:'#app',
data(){
return {
color: 'white',
size: '1.1em'
};
},
});
</script>