2.0.5 • Published 1 year ago

@blueking/notice-component v2.0.5

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

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