/nutui-docs

nutui vue & react & jdt 官网

Primary LanguageVueMIT LicenseMIT

logo

京东风格的轻量级移动端 Vue2、Vue3 组件库

(支持一套代码生成 H5 和小程序)

npm version CI Status Coverage Status license

license

Nut[nʌt],源自电影《冰河世纪》里松鼠 Scrat "执迷不悟",一生追求,即便引发大灾难也绝不松手的坚果。


特性

  • 🚀 70+ 高质量组件,覆盖移动端主流场景
  • 💪 支持小程序开发
  • 📖 基于京东APP 10.0 视觉规范
  • 🍭 支持按需引用
  • 📖 详尽的文档和示例
  • 💪 支持 TypeScript
  • 💪 支持服务端渲染(测试阶段)
  • 🍭 支持定制主题
  • 🍭 单元测试覆盖(3.0 开发中),保障稳定性
  • 📖 提供 Sketch 设计资源

示例 H5 & 小程序

NutUI NutUI NutUI


版本说明

@nutui/nutui 和 @nutui/nutui-taro 属于并行版本,存在部分的差异化,版本号始终保持一致

如果想要兼容低版本,请使用 @nutui/nutui@2

  • @nutui/nutui@2 基于 Vue2 视觉风格 JD APP 7.0 规范 ,只能开发 h5;兼容 Android >= 4.0、iOS >= 8.0

  • @nutui/nutui-jdl 基于 Vue2 视觉风格 JDL 规范 ,只能开发 h5;兼容 Android >= 4.0、iOS >= 8.0

  • @nutui/nutui 基于 Vue3 视觉风格 JD APP 10.0规范 ,只能开发 h5;兼容 Chrome >= 51、iOS >= 10.0(与 Vue3 一致)

  • @nutui/nutui-taro 基于 Vue3 视觉风格 JD APP 10.0规范 ,必须基于 Taro + Vue3 框架 进行开发多端(多端指一套代码 部署多端环境 微信小程序 h5 等第三方小程序)


构建版本

AMD 环境、Webpack、Vite 等构建工具环境、服务端建议使用 es 版,非模块化环境(如通过 <script> 标签直接引用)建议使用 umd 压缩版。

  • es nutui.es.js

  • umd nutui.umd.js


使用案例

NutUI 已经投入了我们的生产环境中使用,业界也在广泛地使用 NutUI 开发多端应用。

NutUI

查看等多的案例,请点击

我们正在征集更多优秀案例,欢迎点击提交


链接


开发交流

群主体 微信群 京东内部咚咚群
NutUI 关注后回复「NutUI」 82957939
NutUI x Taro 关注后回复「NutUI x Taro」

贡献者们

感谢以下小伙伴们为 NutUI 发展做出的贡献:

contributors

开发计划

projects


更新日志

本项目遵从 Contributing ,更新日志请查阅 Releases


学习资源

知乎专栏


参与共建

请参考 贡献指南

我们非常欢迎你给我们提 PR ,参与共建。当然关于 NutUI 建设的方方面面,我们都欢迎和感谢你给我们提供好的建议和想法。


开源协议

本项目基于 MIT 协议