lux ui

现场演示

英语| 简体中文| 日本语

介绍

目标：创建最好的 Vuetify 3 Admin 开源模板。

基于 Vuetify 的优雅主题，我们建立了清晰高效的项目结构，集成了最新的技术框架。该项目旨在解决广泛的常见技术要求和功能，同时结合人工智能助手以提供更智能的体验。此外，我们确保所有页面都能适应多种设备，实现无缝的跨平台兼容性。

其他版本

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
• 打字稿
• ？组件自动导入
• ？松属
• ？ <script setup>
• 使用 Iconify 中任何图标集中的图标
• ☁️ 在 Netlify 上部署，零配置
• ？ Firebase 身份验证
• ？ Echarts、ApexChart
• ？ Openai，Chatgpt
• ？ vue-i18n
• 虚拟滚动条、vuedraggable、完美滚动条
• 富文本编辑器
• ？响应式多平台自适应

？项目活动

联系我

• 电子邮件 [email protected]
• 推特 https://twitter.com/baibaifang
• 微信

？预览

?预包装

?️ UI 框架

• Vuetify3 -Vuetify 是一个无需设计技能的 UI 框架，具有精美的手工制作的 Vue 组件。

?️ 图标

• Iconify - 使用任何图标集中的图标？Icônes
• 通过 UnoCSS 的纯 CSS 图标

?️ 插件

• Vue路由器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

？ Docker 吧！

1. 构建开发环境镜像：

    docker-compose build dev
   

2. 启动开发环境：

    docker-compose up dev
   

3. 构建生产环境镜像：

    docker-compose build app
   

4. 启动生产环境：

    docker-compose up app
   

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

?设置ApiKey

找到根目录下的.env.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/