更新记录

0.1.2（2026-07-31） 下载此版本

  • 鸿蒙：加载旋转改用原生 animate（失败再低频 setProperty 兜底），修复 setInterval 高频响应式掉帧

平台兼容性

uni-app x(4.25)

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

nax-loading

局部 / 区块加载指示。App 端定时 transform 旋转；Web / 小程序用 CSS @keyframes。

用法

<nax-loading></nax-loading>
<nax-loading text="加载中"></nax-loading>
<nax-loading icon="loader" text="加载中"></nax-loading>
<nax-loading icon="loader-4" vertical text="请稍候" size="lg" type="primary"></nax-loading>
<nax-loading :show="pending" text="提交中"></nax-loading>

Props

属性 类型 默认 说明
show boolean true 是否显示
size string md sm / md / lg
text string '' 文案
vertical boolean false 纵向排布
type string default 语义色
color string '' 自定义颜色
icon string loading 旋转图标：loading / loader / loader-4
custom-class string '' 根节点扩展 class

icon 取值

值 说明
loading 默认，对应 nax-icon loading（Tabler loader-2）
loader nax-icon loader
loader-4 nax-icon loader-4

也可用 #icon 插槽完全自定义图标（将不再使用 icon prop）。

插槽

名称 说明
default 自定义文案区
icon 自定义图标

依赖

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

平台动画

端 实现
鸿蒙 App 原生 element.animate 无限旋转；失败时 setProperty 低频兜底
Android / iOS App 定时 transform（uvue 不支持 @keyframes）
Web / 小程序 CSS @keyframes

说明

  1. 全局面板式 Loading（遮罩 + 命令式 API）后续可对齐 nax-toast 宿主模式扩展。
  2. 按钮内加载请继续用 nax-button 的 loading。

隐私、权限声明

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

无

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

无

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

无

许可协议

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

暂无用户评论。