lux ui

การสาธิตสด

อังกฤษ | 简体中文| 日本語

การแนะนำ

เป้าหมาย: การสร้างเทมเพลตโอเพ่นซอร์ส Vuetify 3 Admin ที่ดีที่สุด

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

รุ่นอื่นๆ

SPA เวอร์ชันเต็ม: lux-vuetify3

SPA ตัวย่อ i18n เวอร์ชันlux-vuetify3-i18n

SPA เวอร์ชันภาษาจีนตัวย่อlux-vuetify3-zh

เวอร์ชัน Nuxt3:

Nuxt3 เวอร์ชันเต็ม lux-nuxt3

Nuxt3 เวอร์ชันประยุกต์ lux-nuxt3-template

เอกสาร

• เอกสาร 1.0 ภาษาจีน

คุณสมบัติ

• วิว 3.2
• เวท 4.x
• กรอบ UI Vuetify 3
• TypeScript
• - การนำเข้าส่วนประกอบอัตโนมัติ
• - ปิเนีย
• - <script setup>
• ใช้ไอคอนจากชุดไอคอนใดๆ ใน Iconify
• ☁️ ปรับใช้บน Netlify ไม่มีการกำหนดค่า
• - การตรวจสอบสิทธิ์ Firebase
• - อีชาร์ต, ApexChart
• - โอเพ่นได,ฉัตรปตท
• - vue-i18n
• virtual-scroller , vuedraggable , perfect-scrollbar
• โปรแกรมแก้ไขข้อความแบบ Rich Text
• - ปรับเปลี่ยนได้หลายแพลตฟอร์มที่ตอบสนอง

- กิจกรรมโครงการ

ติดต่อฉัน

• อีเมล์ [email protected]
• ทวิตเตอร์ https://twitter.com/baibaixiang
• วีแชท

?ดูตัวอย่าง

?บรรจุล่วงหน้า

️ กรอบงาน UI

• Vuetify3 - Vuetify เป็นทักษะการออกแบบที่ไม่ต้องใช้ UI Framework พร้อมด้วย Vue Components ที่สร้างขึ้นด้วยมืออย่างสวยงาม

️ ไอคอน

• Iconify - ใช้ไอคอนจากชุดไอคอนใด ๆ ?Icônes
• ไอคอน CSS บริสุทธิ์ผ่าน UnoCSS

️ ปลั๊กอิน

• วิวเราท์เตอร์4
• VueUse - คอลเลกชัน API องค์ประกอบที่มีประโยชน์
• VuedDaggable - อนุญาตให้ลากและวางและซิงโครไนซ์กับอาร์เรย์โมเดลมุมมอง
• Vue-Masonry-Wall - เลย์เอาต์การก่ออิฐที่ตอบสนองพร้อมการรองรับ SSR และการพึ่งพาเป็นศูนย์สำหรับ Vue 3
• Vue-Virtual-Scroller - การเลื่อนข้อมูลจำนวนเท่าใดก็ได้อย่างรวดเร็วอย่างเห็นได้ชัด

?ลองเลยตอนนี้!

 git clone https://github.com/yangjiakai/lux-admin-vuetify3.git

cd lux-admin-vuetify3

yarn install

yarn dev

เทียบท่า!

1. สร้างอิมเมจสภาพแวดล้อมการพัฒนา:

    docker-compose build dev
   

2. เริ่มต้นสภาพแวดล้อมการพัฒนา:

    docker-compose up dev
   

3. สร้างอิมเมจสภาพแวดล้อมการผลิต:

    docker-compose build app
   

4. เริ่มต้นสภาพแวดล้อมการผลิต:

    docker-compose up app
   

这应该能解决实时更新的问题。如果您还有任何疑问或遇到其他问题，请随时告诉我。

?ตั้งค่า ApiKey

ค้นหาไฟล์ .env.template ในไดเร็กทอรีราก ลบส่วนต่อท้าย .template template และแทนที่ VITE_OPENAI_API_KEY , VITE_UNSPLASH_ACCESS_KEY และ VITE_GITHUB_CLIENT_ID และ VITE_TTS_KEY และ VITE_TTS_REGION ด้วยคีย์ของคุณเอง

openai apikey： https://platform.openai.com/account/api-keys

unsplash apikey： https://unsplash.com/oauth/applications

github apikey： https://github.com/settings/tokens

textToSpeech สีฟ้า : https://speech.microsoft.com/