empathy

同理心「標題=「 empathy 」寬度=「350」風格=「最大寬度：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：

$ yarn add @codolog/ empathy 

文檔和演示

文件：https://empathy.js.org。
示範：https://empathy.js.org/demo。

依賴關係

empathy取決於以下工具：

1. Tailwindcss 函式庫。
2. Vue JavaScript 框架。
3. PurgeCSS 可減少 CSS 檔案大小。
4. Fontawesome 5 個圖示。
5. vue-slideout Vue 外掛程式。
6. vue-slide-up-down Vue 外掛程式。
7. vue-notification Vue 插件。
8. vue-good-table Vue 外掛程式。
9. webfontloader用於載入字型。

貢獻

在發出拉取請求之前，您可以透過開啟帶有範例的新問題來貢獻並將您喜歡的元件新增至套件。如果您還發現了錯誤，請向我發送拉取請求。
也歡迎透過使用另一個 javascript 框架製作元件來做出貢獻。

執照

該計畫已獲得麻省理工學院許可。
阿卜杜拉·阿爾巴布的計畫。