更新记录

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

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

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

  • Android：加载旋转改用原生 animate（失败再低频 setProperty 兜底），与 iOS/鸿蒙方案一致，移除 setInterval + 响应式 transform，修复 Android 端掉帧（APP-ANDROID）；Web 和小程序行为保持不变。

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

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

平台兼容性

uni-app x(4.25)

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

其他

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

nax-loading

局部 / 区块加载指示。

用法

<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 自定义图标

主题

通过 CSS 变量覆盖：

Token 用途
--nax-color-error 错误色
--nax-color-info 信息色
--nax-color-primary 主题主色
--nax-color-text-secondary 次要文字色
--nax-color-warning 警告色

依赖

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

说明

  • 按钮内加载请继续用 nax-button 的 loading。

隐私、权限声明

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

无

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

无

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

无

许可协议

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

暂无用户评论。