Socket
Socket
Sign inDemoInstall

@blueking/notice-component

Package Overview
Dependencies
1
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@blueking/notice-component


Version published
Weekly downloads
241
decreased by-23%
Maintainers
1
Install size
75.3 kB
Created
Weekly downloads
 

Readme

Source

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>

FAQs

Last updated on 11 Jun 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc