山东省旅游网站建设,商丘网站建设费用,朔州企业网站建设,装修公司的收费标准1.介绍
NutUI
NutUI-Vue 组件库#xff0c;基于 Taro#xff0c;使用 Vue 技术栈开发小程序应用#xff0c;开箱即用#xff0c;帮助研发快速开发用户界面#xff0c;提升开发效率#xff0c;改善开发体验。 特性
#x1f680; 80 高质量组件#xff0c;覆盖移动端主…1.介绍
NutUI
NutUI-Vue 组件库基于 Taro使用 Vue 技术栈开发小程序应用开箱即用帮助研发快速开发用户界面提升开发效率改善开发体验。 特性 80 高质量组件覆盖移动端主流场景 支持一套代码同时开发多端 基于京东 APP 10.0 视觉规范 支持按需引用 详尽的文档和示例 支持 TypeScript 支持 webstormvscode 组件属性高亮 支持动态定制主题 支持暗黑模式 支持国际化 单元测试覆盖率超过 80%保障稳定性 提供 Sketch 设计资源
扫码体验 链接
官方生态
由 NutUI 官方团队维护的项目如下
项目描述nutui/nutuiNutUI 移动端 H5 版本nutui/nutui-taroNutUI Taro 多端版本nutui/icons-vuenutui/nutui 使用的图标库nutui/icons-vue-taronutui/nutui-taro 使用的图标库nutui/touch-emulator在桌面端使用 NutUI 的辅助库nutui/playgroundNutUI 在线 Playgroundnutui-demoNutUI 官方示例合集
社区生态
由社区维护的项目如下欢迎补充
项目描述yang1206/uniapp-nutui基于 NutUI 4.x 版本开发的 uni-app 组件库jwaterwater/uni-nutui基于 NutUI 3.x 版本开发的 uni-app 组件库 2.使用 这个组件库 一般是跟Taro 框架一起使用的
在Taro框架中有对应的安装是 有是配好的 1. 通过 npm 包安装
# pnpm
pnpm add nutui/nutui# npm
npm i nutui/nutui# yarn
yarn add nutui/nutui 2.csdn 使用 !DOCTYPE html
htmlheadmeta charsetUTF-8 /meta nameviewport contentwidthdevice-width, initial-scale1.0 /!-- 引入样式 --link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/nutui/nutui/dist/style.css /link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/nutui/icons-vue/dist/style_icon.css /!-- 引入Vue --script srchttps://cdn.jsdelivr.net/npm/vue/script!-- 引入NutUI组件库 --script srchttps://cdn.jsdelivr.net/npm/nutui/nutui/dist/nutui.umd.js/script/headbodydiv idapp/divscript// 在 #app 标签下渲染一个按钮组件const app Vue.createApp({template: nut-button typeprimary主要按钮/nut-buttonnut-button typeinfo信息按钮/nut-buttonnut-button typedefault默认按钮/nut-buttonnut-button typedanger危险按钮/nut-buttonnut-button typewarning警告按钮/nut-buttonnut-button typesuccess成功按钮/nut-button,});app.use(nutui);app.mount(#app);/script/body
/html
