empathy

เอาใจใส่ " title=" empathy " width="350" style="max-width: 100%;">

ส่วนประกอบแผงผู้ดูแลระบบที่มีน้ำหนักเบาสร้างด้วย Tailwindcss, PurgeCSS, Vuejs, Fontawesome 5

ทำไม empathy ?

empathy เป็นแพ็คเกจแบบอิงองค์ประกอบ สามารถทำงานได้อย่างราบรื่นกับทุกภาษาแบ็กเอนด์ มันถูกสร้างขึ้นโดยใช้ยูทิลิตี้ Tailwindcss CSS เป็นหลัก มันแตกต่างออกไปเพราะคุณไม่จำเป็นต้องโคลนพื้นที่เก็บข้อมูลก่อนที่จะเริ่มโปรเจ็กต์เหมือนกับแผงผู้ดูแลระบบอื่นๆ สิ่งที่คุณต้องมีคือ package.json และ Asset Bundler ติดตั้งแพ็คเกจจาก NPM ตั้งค่าส่วนประกอบหลัก ตั้งค่าส่วนประกอบอื่นๆ ที่คุณต้องการ (ในรูปแบบที่ปรับแต่งเองได้อย่างเต็มที่) เท่านี้ก็เสร็จสิ้น ด้วย purgeCSS คุณจะได้ผลลัพธ์ที่เบาและมีขนาดเล็ก

ส่วนประกอบ

1. ส่วนประกอบแถบนำทาง
2. ส่วนประกอบส่วนท้าย
3. ส่วนประกอบแผง
4. ส่วนประกอบเบรดครัมบ์
5. ส่วนประกอบของแบบฟอร์ม
6. ส่วนประกอบการแจ้งเตือน
7. ส่วนประกอบของปุ่ม
8. องค์ประกอบการแจ้งเตือน
9. ส่วนประกอบของตาราง
10. ส่วนประกอบ DataTable
11. เพิ่มองค์ประกอบใหม่

การติดตั้ง

ติดตั้งด้วย NPM:

$ npm install @codolog/ empathy --save

หรือถ้าคุณชอบเส้นด้าย:

$ yarn add @codolog/ empathy 

เอกสารและการสาธิต

เอกสารประกอบ: https://empathy.js.org
การสาธิต: https://empathy.js.org/demo

การพึ่งพาอาศัยกัน

empathy ขึ้นอยู่กับเครื่องมือถัดไป:

1. ไลบรารี Tailwindcss
2. เฟรมเวิร์ก Vue JavaScript
3. PurgeCSS เพื่อลดขนาดไฟล์ CSS
4. แบบอักษรที่ยอดเยี่ยม 5 ไอคอน
5. ปลั๊กอิน vue-slideout
6. vue-slide-up-down ปลั๊กอิน Vue
7. ปลั๊กอิน Vue vue-notification
8. ปลั๊กอิน vue-good-table
9. webfontloader สำหรับโหลดฟอนต์

ร่วมด้วย

คุณสามารถมีส่วนร่วมและเพิ่มส่วนประกอบที่คุณชื่นชอบลงในแพ็คเกจได้โดยเปิดประเด็นใหม่พร้อมตัวอย่างก่อนที่จะทำการร้องขอการดึง หากคุณพบข้อบกพร่อง โปรดส่งคำขอดึงมาให้ฉัน
ยินดีต้อนรับการมีส่วนร่วมด้วยการสร้างส่วนประกอบด้วยเฟรมเวิร์กจาวาสคริปต์อื่น

ใบอนุญาต

โครงการนี้ได้รับอนุญาตจาก MIT
โครงการโดยอับดุลลา อาร์บับ