2.0.3 • Published 2 months ago
@blueking/notice-component-vue2 v2.0.3
notice-component
蓝鲸消息通知业务组件-vue2版本, 公告分为跑马灯公告跟dialog公告两种
Install
npm install @blueking/notice-component-vue2
Usage
<template>
<!-- 跑马灯需要位于最顶部, 所以使用此组件时放在navigation上方 -->
<notice-component :api-url="apiUrl" @show-alert-change="showAlertChange" />
<!-- 如果有跑马灯, navigation的高度可能需要减去40px, 避免页面出现滚动条, 可使用上述hasAlertNotice判断 -->
<bk-navigation>
xxxxxxx
</bk-navigation>
</template>
<script>
import NoticeComponent from '@blueking/notice-component-vue2'
import '@blueking/notice-component-vue2/dist/style.css'
export default {
components: {
NoticeComponent
},
data () {
return {
// 可以写接口url的绝对路径或相对路径, 相对路径的话注意社区版时平台以子路径部署的形式
apiUrl: '/xxxxxx/sdk/announments',
// 是否含有跑马灯类型公告, 如果有跑马灯, navigation的高度可能需要减去40px, 避免页面出现滚动条
showAlert: false
}
},
methods: {
showAlertChange (isShow) {
this.showAlert = isShow
}
}
}
</script>
2.0.3-beta.1
2 months ago
2.0.4
2 months ago
2.0.3
3 months ago
2.0.2
3 months ago
2.0.2-beta.0
3 months ago
2.0.2-beta.1
3 months ago
2.0.2-beta.2
3 months ago
2.0.1-beta.3
3 months ago
2.0.1-beta.2
4 months ago
2.0.1-beta.1
4 months ago
2.0.1
4 months ago
2.0.0
5 months ago
2.0.0-beta.2
5 months ago
2.0.0-beta.1
5 months ago
2.0.0-beta.0
5 months ago
1.0.14
5 months ago
1.0.13
5 months ago
1.0.12
6 months ago
1.0.9
6 months ago
1.0.8
6 months ago
1.0.11
6 months ago
1.0.10
6 months ago
1.0.7
6 months ago
1.0.6
6 months ago
1.0.5
6 months ago
1.0.4
6 months ago
1.0.3
6 months ago
1.0.2
7 months ago
1.0.0
7 months ago
1.0.0-beta.1
7 months ago