{"id":13750137,"url":"https://n3-components.github.io/N3-components/","last_synced_at":"2025-05-09T15:31:41.298Z","repository":{"id":57171390,"uuid":"65902952","full_name":"N3-components/N3-components","owner":"N3-components","description":"N3-components , Powerful Vue UI Library.","archived":false,"fork":false,"pushed_at":"2018-12-15T06:58:59.000Z","size":35984,"stargazers_count":1010,"open_issues_count":7,"forks_count":123,"subscribers_count":46,"default_branch":"master","last_synced_at":"2025-04-30T23:04:40.175Z","etag":null,"topics":["components","css","html","javascript","vue"],"latest_commit_sha":null,"homepage":"https://n3-components.github.io/N3-components/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/N3-components.png","metadata":{"files":{"readme":"README-zh.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-08-17T11:41:52.000Z","updated_at":"2025-02-28T03:02:33.000Z","dependencies_parsed_at":"2022-08-27T13:11:34.237Z","dependency_job_id":null,"html_url":"https://github.com/N3-components/N3-components","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/N3-components%2FN3-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/N3-components%2FN3-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/N3-components%2FN3-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/N3-components%2FN3-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/N3-components","download_url":"https://codeload.github.com/N3-components/N3-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253275608,"owners_count":21882336,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","css","html","javascript","vue"],"created_at":"2024-08-03T08:00:22.343Z","updated_at":"2025-05-09T15:31:39.716Z","avatar_url":"https://github.com/N3-components.png","language":"Vue","readme":"N3-components - 强大的Vue组件库。\n=========================\n\n[![Shippable branch](https://img.shields.io/shippable/5444c5ecb904a4b21567b0ff/dev.svg?maxAge=2592000)]()\n[![Test Coverage](https://codeclimate.com/github/N3-components/N3-components/badges/coverage.svg)](https://codeclimate.com/github/N3-components/N3-components/coverage)\n[![Gitter](https://img.shields.io/gitter/room/nwjs/nw.js.svg?maxAge=2592000)](https://gitter.im/N3-components/chinese?utm_source=share-link\u0026utm_medium=link\u0026utm_campaign=share-link)\n[![Code Climate](https://codeclimate.com/github/N3-components/N3-components/badges/gpa.svg)](https://codeclimate.com/github/N3-components/N3-components)\n[![npm](https://img.shields.io/npm/l/express.svg?maxAge=2592000)]()\n\nN3组件库是基于Vue.js构建的，让前端工程师和全栈工程师能快速构建页面和应用。\n\n[官方主页](https://n3-components.github.io/N3-components/) | [English Introduction](https://github.com/N3-components/N3-components/blob/master/README.md) | [文档](https://n3-components.github.io/N3-components/)\n\n相关介绍\n------------\n\n![logo](https://raw.githubusercontent.com/N3-components/N3-components/dev/docs/static/img/logo.png)\n\nN3组件库致力于构建良好的Vue开发者生态圈，提供良好的开发体验。下面是其中的一些特色：\n\n* 超过60个组件 [组件列表](https://github.com/N3-components/N3-components/tree/master/src)\n\n* 自定义样式\n\n* 支持多种模块化范式（UMD）\n\n* 使用ES6进行开发\n\nNPM\n------------\n链接：[https://www.npmjs.com/package/N3-components](https://www.npmjs.com/package/N3-components)\n\n```bash\nnpm install N3-components --save-dev\n```\n\nCNPM\n------------\n\n链接：[https://npm.taobao.org/package/N3-components](https://npm.taobao.org/package/N3-components)\n\n```bash\ncnpm install N3-components --save-dev\n```\n\nCDN\n------------\n\n* js链接：https://unpkg.com/N3-components@version/dist/index.min.js (注意填写版本号)\n* css链接 https://unpkg.com/N3-components@version/dist/index.min.css (注意填写版本号)\n\n快速上手\n------------\n\n您可以把N3组件安装到全局的Vue上，示例代码如下：\n\n```javascript\nimport Vue from 'vue'\nimport N3Components from 'N3-components'\nimport 'N3-components/dist/index.min.css'\n\n// install N3\nVue.use(N3Components)\n\n// for English  (default chinese)\n// version 2.2.0 or later\nVue.use(N3Components, 'en')\n```\n\n也可以在需要的时候引入该组件，示例代码如下：\n\n```javascript\nimport Vue from 'vue'\nimport N3Components from 'N3-components'\nimport {n3Alert} from N3Components\n\n// set language  \n// window.n3Locale = 'en'\n//\n\n```\n\n主题定制\n\n```\n// default \nimport 'N3-components/src/style/default.less' \n\n// theme customization\nimport 'your-theme.less' \n\n```\n\nyour-theme.less\n\n```\n@import 'N3-components/src/style/common.less' \n\n/*base color*/\n@whiteColor: #fff;\n@blackColor: #000;\n@lightBlackColor: #333;\n@grayColor: #ccc;\n@weightGrayColor: #999;\n@lightGrayColor: #eee; \n@lightColor: #f9f9f9; \n\n/*font color*/\n@fontColor: #555;\n\n/*theme color*/\n@primaryColor: #41cac0;\n@primaryColorhover: #39b2a9;\n@hoverColor:rgba(65, 202, 192, 0.05);\n\n/*extend color*/\n@successColor: #19d567;\n@successColorhover: #30d073;\n\n@infoColor: #2db7f5;\n@infoColorhover: #43bcf3;\n\n@dangerColor: #f50;\n@dangerColorhover: #f9702b;\n\n@warningColor: #fa0;\n@warningColorhover: #f5b73b;\n\n\n```\n\n\n依赖的项目\n------------\n\n* vue\n* vue-focus\n* velocity-animate\n\n讨论区\n----------\n- [提交ISSUE](https://github.com/N3-components/N3-components/issues/new) : bug反馈，建议提交等\n- email: zhangking520@gmail.com\n- gitter: [![Gitter](https://img.shields.io/gitter/room/nwjs/nw.js.svg?maxAge=2592000)](https://gitter.im/N3-components/chinese?utm_source=share-link\u0026utm_medium=link\u0026utm_campaign=share-link)\n- QQ群: 556286036 \u003ca target=\"_blank\" href=\"http://shang.qq.com/wpa/qunwpa?idkey=ae2b542ef32e8595664c746572d9a48187167e269ef5b6c80d8ed326fce5efdd\"\u003e\u003cimg border=\"0\" src=\"http://pub.idqqimg.com/wpa/images/group.png\" alt=\"N3-components交流群\" title=\"N3-components交流群\"\u003e\u003c/a\u003e\n- QQ群二维码:\n![qrcode](https://n3-components.github.io/N3-components/static/img/N3-QQ.png)\n\n提交贡献\n---------\n\n[Contribute](https://github.com/N3-components/N3-components/blob/master/contribute.md)\n\n更新日志\n---------\n\n[Change Log](https://github.com/N3-components/N3-components/blob/master/log.md)\n\nLicense\n------------\n\nMIT\n","funding_links":[],"categories":["VueJS","UI Components"],"sub_categories":["Related community list","Vue"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/n3-components.github.io%2FN3-components%2F","html_url":"https://awesome.ecosyste.ms/projects/n3-components.github.io%2FN3-components%2F","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/n3-components.github.io%2FN3-components%2F/lists"}