更新记录

1.0.0（2024-12-06） 下载此版本

• 初始版本发布
• 支持多种主题类型
• 支持滚动和非滚动模式
• 支持自定义样式
• 支持事件监听

平台兼容性

uni-app

其他

通知栏 Notice Bar

一个功能强大的通知栏组件，支持滚动效果、多种主题、自定义样式等特性。

扫码体验

扫描上方二维码，搜索指定插件，即可体验组件的完整功能！

平台兼容性

• Vue2 ✅
• Vue3 ✅
• H5 ✅
• 小程序 ✅
• APP ✅

依赖说明

本组件依赖以下组件：

• uni-icons：用于显示左侧图标和关闭按钮

  请在插件市场搜索并安装 uni-icons 组件，或直接导入项目下的 uni-icons 组件。

基础用法

在页面中引入组件：

vue
<template>
    <wht-notice-bar text="这是一条通知消息"></wht-notice-bar>
</template>
<script>
import WhtNoticeBar from '@/components/wht-notice-bar/wht-notice-bar.vue'
export default {
    components: {
        WhtNoticeBar
    }
}
</script>

属性

事件

示例

<wht-notice-bar
    text="这是一条通知消息"
    type="success"
    :showClose="true"
    @click="handleClick"
    @close="handleClose">
</wht-notice-bar>

贡献

欢迎提交问题和贡献代码。