README.zh-CN.md

在线 Demo

English | 简体中文| 日本語

序文

模仿 Window 的 Screen Styler 制作的工具,用在浏览器上不知道有什么用,可以当做系统的超级美化自定义工具吧

Preview

特性

• ⚡️ Vue 3
• ⚡️ Vite
• ⚡️ UI Framework Vuetify 3
• ⚡️ TypeScript
• 📦 组件自动导入
• 🍍 通过 Pinia进行状态管理
• 🍍 pinia-plugin-persist 状态持久化
• ⚡️ 使用新的 <script setup> 语法
• ⚡️ 使用任意的图标集 Iconify
• ⚡️ 零配置部署在 Netlify
• ⚡️ i18n 多语言切换
• ⚡️ dark light 模式切换
• ⚡️ 主题色切换
• ⚡️ vue3-perfect-scrollbar 滚动条美化
• ☁️ 响应式多平台自适应

## Pre-packed

UI 框架

• Vuetify3 - Vuetify 是一个不要求设计能力的 Vue 界面组件框架，自带了许多自行设计实现的 Vue 组件。

Icons

• Iconify - 使用任意的图标集 🔍Icônes
• Pure CSS Icons via UnoCSS

现在可以试试!

https://github.com/yangjiakai/vuetify3-screenStyler.git

cd vuetify3-screenStyler

npm install

npm run dev

api 请求

关于 API 请求，我的示例使用了 unsplash 的 api

需要先前往 unsplash 开发者平台，申请自己的ACCESS_KEY

https://unsplash.com/oauth/applications

然后在本地新建.env.local文件

添加VITE_UNSPLASH_ACCESS_KEY = 你自己的Access Key