empathy

共感 " title=" empathy " width="350" style="max-width: 100%;">

Tailwindcss、PurgeCSS、Vuejs、Fontawesome 5 を使用して構築された軽量の管理パネル コンポーネント

なぜempathyのでしょうか？

empathyコンポーネントベースのパッケージです。あらゆるバックエンド言語でスムーズに動作します。これは主に Tailwindcss CSS ユーティリティを使用して構築されています。他の管理パネルとは異なり、プロジェクトを開始する前にリポジトリのクローンを作成する必要がないためです。必要なのは、 package.jsonとアセット バンドラーだけです。 NPM からパッケージをインストールし、主要コンポーネントをセットアップし、必要なその他のコンポーネントを (完全にカスタマイズされた方法で) セットアップすれば完了です。 purgeCSS を使用すると、軽量で小さいサイズの結果を得ることができます。

コンポーネント

1. ナビゲーションバーコンポーネント。
2. フッターコンポーネント。
3. パネルコンポーネント。
4. ブレッドクラムコンポーネント。
5. フォームコンポーネント。
6. アラートコンポーネント。
7. ボタンのコンポーネント。
8. 通知コンポーネント。
9. テーブルコンポーネント。
10. データテーブルコンポーネント。
11. 新しいコンポーネントを追加します。

インストール

NPM を使用してインストールします。

$ npm install @codolog/ empathy --save

または、糸が好きなら:

$ yarn add @codolog/ empathy 

ドキュメントとデモ

ドキュメント: https://empathy.js.org。
デモ: https://empathy.js.org/demo。

依存関係

empathy次のツールに依存します。

1. Tailwindcs ライブラリ。
2. Vue JavaScript フレームワーク。
3. CSS をパージして CSS ファイル サイズを削減します。
4. 素晴らしい 5 つのアイコン。
5. vue-slideout Vue プラグイン。
6. vue-slide-up-down Vue プラグイン。
7. vue-notification Vue プラグイン。
8. vue-good-table Vue プラグイン。
9. フォントをロードするためのwebfontloader 。

投稿する

プル リクエストを作成する前にサンプルを含む新しい問題を開くことで、お気に入りのコンポーネントに貢献してパッケージに追加できます。バグを見つけた場合は、プルリクエストを私に送ってください。
別の JavaScript フレームワークを使用してコンポーネントを作成することによる貢献も歓迎します。

ライセンス

このプロジェクトは MIT ライセンスを受けています。
アブダラ・アルバブによるプロジェクト。