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:

empathy --save">

$ npm install @codolog/ empathy --save

أو إذا كنت تحب الغزل:

empathy">

$ yarn add @codolog/ empathy 

المستندات والعروض التوضيحية

الوثائق: https://empathy.js.org.
العرض التوضيحي: https://empathy.js.org/demo.

التبعيات

يعتمد empathy على الأدوات التالية:

1. مكتبة Tailwindcss.
2. إطار عمل جافا سكريبت Vue.
3. PurgeCSS لتقليل حجم ملف CSS.
4. Fontawesome 5 أيقونات.
5. vue-slideout Vue البرنامج المساعد.
6. vue-slide-up-down البرنامج المساعد Vue.
7. vue-notification Vue plugin.
8. vue-good-table البرنامج المساعد Vue.
9. webfontloader لتحميل الخطوط.

ساهم

يمكنك المساهمة وإضافة المكون المفضل لديك إلى الحزمة عن طريق فتح إصدار جديد بمثال قبل تقديم طلب السحب. إذا وجدت أيضًا خطأ، أرسل لي طلب سحب.
نرحب أيضًا بالمساهمات من خلال إنشاء المكونات باستخدام إطار عمل جافا سكريبت آخر.

رخصة

هذا المشروع مرخص من معهد ماساتشوستس للتكنولوجيا.
مشروع عبد الله أرباب.