更新记录

0.1.21（2026-08-18） 下载此版本

  • 蒸汽模式兼容：lines CSS 声明迁移为 <text> 的 :max-lines 属性（官方蒸汽模式方案），消除 Vapor 运行时与 CSS 编译器警告

0.1.19（2026-08-14） 下载此版本

  • 精简 readme：移除内部开发向内容（设计说明 / 实现细节 / 平台差异实现等），只保留安装、用法、API、主题等用户文档

0.1.17（2026-08-07） 下载此版本

  • 修复 iOS 端无缝滚动暂停/播放不生效：UniElement.animate 无限循环在 iOS 上无法可靠停止（0ms 动画顶不掉循环），改为 rAF + style.setProperty 驱动（DOM 直写跳过 Vue diff，16ms/帧不掉帧），暂停/恢复通过 cancelAnimationFrame 全端语义一致（APP-ANDROID、APP-IOS、APP-HARMONY 统一）；Web 和小程序 CSS 动画行为不变。
查看更多

平台兼容性

uni-app x(4.25)

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

其他

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

nax-notice-bar

滚动通告栏。提供常用能力。

用法

<nax-notice-bar :list="list"></nax-notice-bar>

<!-- 水平步进 -->
<nax-notice-bar mode="horizontal" scroll="step" :list="list"></nax-notice-bar>

<!-- 垂直步进 -->
<nax-notice-bar mode="vertical" :list="list"></nax-notice-bar>

<!-- 可关闭 + 更多 -->
<nax-notice-bar
  type="error"
  closable
  show-more
  :list="list"
  @close="onClose"
  @get-more="onMore"
  @click="onClick"
></nax-notice-bar>

Props

属性 类型 默认 说明
list array [] 通告文案；string 或 { text\|title\|label }
type string warning primary / info / success / warning / error / none
mode string horizontal horizontal / vertical
scroll string '' seamless 衔接 / step 步进；空则看 is-circular
is-circular boolean true 兼容：水平衔接 vs 步进
show-icon boolean true 左侧图标
icon string '' 自定义 nax-icon 名
show-more boolean false 右侧更多箭头
closable boolean false 右侧关闭
autoplay boolean true 自动播放
paused boolean false 暂停（优先于 playState）
play-state string play play / paused
duration number 2000 步进周期 ms
speed number 50 衔接滚动 px/s
separator string 全角空格 衔接拼接分隔符
disable-touch boolean true 步进禁止手滑
show boolean true 是否显示
no-list-hidden boolean true list 为空时隐藏
custom-class string '' 根节点扩展 class

事件

事件 说明
click 点击文案；步进为 index，衔接为 -1
close 点击关闭
getMore 点击更多
end 步进播到最后一项
update:show 显示状态变化

插槽

名称 说明
icon 自定义左侧图标

主题

通过 CSS 变量覆盖：

Token 用途
--nax-color-error 错误色
--nax-color-error-secondary 错误色浅底
--nax-color-info 信息色
--nax-color-info-secondary 信息色浅底
--nax-color-primary 主题主色
--nax-color-primary-secondary 主题主色浅底
--nax-color-success 成功色
--nax-color-success-secondary 成功色浅底
--nax-color-text 主文字色
--nax-color-warning-deep 警告色（加深）
--nax-color-warning-secondary 警告色浅底

依赖

  • nax-icon
  • nax-ui-theme（可选）

隐私、权限声明

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

无

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

无

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

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。