empathy

공감 " title=" empathy " width="350" style="max-width: 100%;">

Tailwindcss, PurgeCSS, Vuejs, Fontawesome 5로 구축된 경량 관리 패널 구성 요소

왜 empathy ?

empathy 구성 요소 기반 패키지입니다. 모든 백엔드 언어에서 원활하게 작동할 수 있습니다. 주로 Tailwindcss CSS 유틸리티를 사용하여 구축되었습니다. 다른 관리 패널처럼 프로젝트를 시작하기 전에 저장소를 복제할 필요가 없기 때문에 다릅니다. 필요한 것은 package.json 과 자산 번들러뿐입니다. NPM에서 패키지를 설치하고, 주요 구성요소를 설정하고, 원하는 다른 구성요소를 (완전히 사용자 정의된 방식으로) 설정하면 완료됩니다. purgeCSS를 사용하면 가볍고 작은 크기의 결과를 얻을 수 있습니다.

구성요소

1. Navbar 구성 요소입니다.
2. 바닥글 구성요소.
3. 패널 구성 요소.
4. 이동 경로 구성 요소.
5. 양식 구성 요소.
6. 경고 구성 요소.
7. 버튼 구성 요소.
8. 알림 구성요소.
9. 테이블 구성 요소.
10. DataTable 구성 요소.
11. 새 구성요소를 추가합니다 .

설치

NPM으로 설치:

$ npm install @codolog/ empathy --save

또는 Yarn을 좋아한다면:

$ yarn add @codolog/ empathy 

문서 및 데모

문서: https://empathy.js.org.
데모: https://empathy.js.org/demo.

의존성

empathy 다음 도구에 따라 달라집니다.

1. Tailwindcss 라이브러리.
2. Vue 자바스크립트 프레임워크.
3. CSS 파일 크기를 줄이기 위한 PurgeCSS.
4. Fontawesome 5 아이콘.
5. vue-slideout Vue 플러그인.
6. vue-slide-up-down Vue 플러그인.
7. vue-notification Vue 플러그인.
8. vue-good-table Vue 플러그인.
9. 글꼴 로딩을 위한 webfontloader .

기여하다

끌어오기 요청을 하기 전에 예제가 포함된 새 이슈를 열어서 즐겨찾는 구성 요소를 패키지에 기여하고 추가할 수 있습니다. 버그도 발견했다면 나에게 풀 요청을 보내주세요.
다른 자바스크립트 프레임워크로 구성 요소를 만들어 기여하는 것도 환영합니다.

특허

이 프로젝트는 MIT 라이선스를 받았습니다.
Abdalla Arbab의 프로젝트.