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 框架制作组件来做出贡献。

执照

该项目已获得麻省理工学院许可。
阿卜杜拉·阿尔巴布的项目。