Skip to content

介绍

nax-ui 是面向 uni-app x(uvue)的通用 UI 组件库,以组合式 API 与 CSS 变量主题化为核心设计,覆盖基础、布局、表单、反馈、导航、展示六大类常用业务场景。

uvue 优先围绕 uni-app x 蒸汽模式构建

按需接入独立 uni_modules 组件包与 easycom

统一主题语义化 --nax-* CSS 变量

由来

uni-app x 生态起步较晚,社区组件大多仍是老 uni-app(Vue2/Vue3 + wxml)时代的产物,或仅做简单兼容。nax-ui 选择只做 uni-app x:

01

从 uvue 出发

全部组件基于 uvue(<script setup lang="uts"> 从零实现,不是兼容层,也不维护双栈。

02

遵循蒸汽模式

组合式 API 与样式隔离 2.0 共同约束组件实现,避免遗留模式带来的额外负担。

03

样式可控可扩展

核心样式只用 class 选择器 + --nax-* CSS 变量,适配 App 端 ucss 子集。

特性

组件齐全

50+ 个独立 nax-* 组件包与 nax-ui-theme 主题包,按六大类组织。

零配置接入

独立 uni_modules 插件包通过 easycom 自动注册,可整套安装也可按需安装。

多端运行

一套代码覆盖 Web、微信小程序,以及 App Android、iOS、鸿蒙。

主题 token

--nax-* 驱动设计体系,业务改色无需改组件源码,支持运行时换肤。

双模式反馈

Toast、Dialog 等同时提供声明式与命令式调用方式,适配不同页面组织方式。

端差异显式处理

通过条件编译隔离平台差异,不以牺牲其它端能力来换取单端适配。

平台支持

平台支持
Web(H5)支持
微信小程序支持
App Android支持
App iOS支持
App HarmonyOS支持

与其它框架的区别

  • 老 uni-app 组件库以 Vue 生态 + wxml 渲染为基础,无法直接用于 uni-app x 工程
  • nax-uiuvue 前端组件 + uts setup 逻辑实现,面向 uni-app x 蒸汽模式设计,不做与老 uni-app 的双栈兼容,因此没有历史包袱,组件 API 与样式约束更统一

相关地址

交流群

如果在使用过程中遇到任何问题,欢迎加入 QQ 交流群一起讨论:462353434

赞赏支持

如果这个项目对您有帮助,可以请作者喝杯咖啡。

微信收款码

微信

支付宝收款码

支付宝

下一步