2.0.5 • Published 1 year ago
@blueking/notice-component v2.0.5
notice-component
蓝鲸消息通知业务组件-vue3版本, 公告分为跑马灯公告跟dialog公告两种
Install
npm install @blueking/notice-component
如果先前安装过1.x.x版本, 请升级到^2.0.0以上版本
Usage
<script setup>
import NoticeComponent from '@blueking/notice-component'
import '@blueking/notice-component/dist/style.css'
import { ref } from 'vue'
// 可以写接口url的绝对路径或相对路径, 相对路径的话注意社区版时平台以子路径部署的情况
const apiUrl = '/xxxxxx/sdk/announments'
// 是否含有跑马灯类型公告, 如果有跑马灯, navigation的高度可能需要减去40px, 避免页面出现滚动条
const showAlert = ref(false)
// 公告列表change事件回调, isShow代表是否含有跑马灯类型公告
const showAlertChange= function (isShow) {
showAlert.value = isShow
}
</script>
<template>
<!-- 跑马灯需要位于最顶部, 所以使用此组件时放在navigation上方 -->
<notice-component :api-url="apiUrl" @show-alert-change="showAlertChange" />
<!-- 如果有跑马灯, navigation的高度可能需要减去40px, 避免页面出现滚动条, 可使用上述showAlert判断 -->
<bk-navigation>
xxxxxxx
</bk-navigation>
</template>
2.0.5-beta.1
1 year ago
2.0.5
1 year ago
2.0.2-bate.2
1 year ago
2.0.2-bate.1
1 year ago
2.0.3
1 year ago
2.0.4
1 year ago
2.0.2-beta.2
1 year ago
2.0.2
1 year ago
2.0.1-beta.2
1 year ago
2.0.1-beta.3
1 year ago
2.0.1-beta.1
1 year ago
2.0.1
1 year ago
2.0.0-beta.4
2 years ago
2.0.0
2 years ago
2.0.0-beta.2
2 years ago
2.0.0-beta.3
2 years ago
2.0.0-beta.1
2 years ago
1.0.16
2 years ago
1.0.15
2 years ago
1.0.14
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.1.0
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.1.0-beta.0
2 years ago
1.0.11
2 years ago
1.0.10
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago
1.0.0-beta.0
2 years ago