{"id":16780994,"url":"https://github.com/kevinzhang19870314/pluto-ui","last_synced_at":"2026-05-20T19:32:30.528Z","repository":{"id":98888339,"uuid":"321858263","full_name":"KevinZhang19870314/pluto-ui","owner":"KevinZhang19870314","description":"ngx-pluto组件库 - 常用Angular 7+组件，用于PC端中台管理项目、商户管理平台等。支持主题样式、多语言等常用功能。","archived":false,"fork":false,"pushed_at":"2021-07-14T01:18:57.000Z","size":1013,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-06T16:41:48.074Z","etag":null,"topics":["angular","angular2","button","component","switch","table","theme","tree","typescript"],"latest_commit_sha":null,"homepage":"https://kevinzhang19870314.github.io/pluto-ui/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KevinZhang19870314.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2020-12-16T03:35:02.000Z","updated_at":"2022-06-04T10:13:42.000Z","dependencies_parsed_at":"2023-06-18T22:28:21.609Z","dependency_job_id":null,"html_url":"https://github.com/KevinZhang19870314/pluto-ui","commit_stats":{"total_commits":13,"total_committers":1,"mean_commits":13.0,"dds":0.0,"last_synced_commit":"050bef0de4bafc25e83e9a1e69f49a4247ff5e48"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinZhang19870314%2Fpluto-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinZhang19870314%2Fpluto-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinZhang19870314%2Fpluto-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinZhang19870314%2Fpluto-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KevinZhang19870314","download_url":"https://codeload.github.com/KevinZhang19870314/pluto-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243926016,"owners_count":20369915,"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":["angular","angular2","button","component","switch","table","theme","tree","typescript"],"created_at":"2024-10-13T07:36:28.932Z","updated_at":"2026-05-20T19:32:30.457Z","avatar_url":"https://github.com/KevinZhang19870314.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ngx-pluto组件库\n![ngx-pluto](https://kevinzhang19870314.github.io/pluto-ui/assets/images/account-pictures/user1.png)\n\n常用Angular 7+组件，用于PC端中台管理项目、商户管理平台等。支持主题样式、多语言等常用功能。\n\nPS: ngx-pluto组件库前身为本人所在公司维护的一套商户平台组件，几乎完全(99.99%)由本人一个人牵头搭建开发并维护，这里经过增删改一些个性化组件使之成为一套比较通用的Angular 7+组件库，供大家学习使用！目前基础组件功能完善，部分细节待改进，希望大家给出宝贵意见！\n\n## 开始使用\n\n* npm install ngx-pluto;\n\n* 以使用np-button为例;\n\n* 添加主题样式import到style.scss中;\n```scss\n@import '../node_modules/ngx-pluto/lib/theming';\n// Include non-theme styles for core.\n@include np-core();\n@import '../node_modules/ngx-pluto/theme/theming/prebuilt/teal-dark.scss';\n@import '~@angular/cdk/overlay-prebuilt.css';\n```\n\n* import NpButtonModule到AppModule中;\n```typescript\nimport { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { FormsModule } from '@angular/forms';\nimport { NpButtonModule } from 'ngx-pluto';\nimport { AppComponent } from './app.component';\n@NgModule({\n    imports: [\n        BrowserModule, \n        FormsModule,\n        NpButtonModule\n    ],\n    declarations: [ AppComponent ],\n    bootstrap:    [ AppComponent ]\n})\nexport class AppModule { }\n```\n\n* 在App.component.html使用即可.\n```html\n\u003cnp-button\u003e确定\u003c/np-button\u003e\n\u003cbr /\u003e\n\u003cnp-button buttonType=\"secondary\"\u003e点击上传\u003c/np-button\u003e\n```\n\n* 在线示例：\n\n    [示例Demo]https://kevinzhang19870314.github.io/pluto-ui/\n    \n    [在线文档]https://kevinzhang19870314.github.io/pluto-ui/doc/index.html","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinzhang19870314%2Fpluto-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkevinzhang19870314%2Fpluto-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinzhang19870314%2Fpluto-ui/lists"}