更新记录

1.0.5(2025-12-19) 下载此版本

修改了代码结构

1.0.4(2025-12-19) 下载此版本

删除一些无用代码

1.0.3(2025-12-18) 下载此版本

新增 Android 适配 新增 color 属性 新增 icon-color属性 新增 duration属性 新增bg-color属性

查看更多

平台兼容性

uni-app x(4.75)

Chrome Safari Android iOS 鸿蒙 微信小程序
- - - -

其他

多语言 暗黑模式 宽屏模式
× ×

xh-notification 通知文字滚动组件

通知栏 xh-ui 统一样式

组件名:xh-notification

使用须知:

通知文字超出长度会自动滚动

组件 依赖 xh-scss xh-theme xh-icon

使用组件 外层必须包裹 xh-theme 组件 否则样式会出问题

使用示例:


/**
 * @property { string } text - 要显示的通知文字
 * @property { string } color - 通知文字字体颜色
 * @property { string } icon-color - 小喇叭图标颜色
 * @property { number } duration - 滚动的时间 默认是 10s
 * @property { string } bg-color - 通知背景色
  */

 // 外层必须包裹 xh-theme 组件 否则样式会出问题
<xh-theme>
    <xh-notification :text="text" color="#845ec2" icon-color="#d65db1" :duration="10" bg-color="#00ffff" />
</xh-theme>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议