+
+
+
+
\ No newline at end of file
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
new file mode 100644
index 0000000..049c079
--- /dev/null
+++ b/src/views/HomeView.vue
@@ -0,0 +1,60 @@
+
+
+
+
+ + 关于图片优化器 +
++ 一个现代化的图片优化和转换工具 +
+
+
+
+
+
+ 主要特点
+-
+
- + + 所有处理都在浏览器中完成，确保您的隐私安全 + +
- + + 支持多种图片格式，包括 JPG、PNG、WebP 等 + +
- + + 智能优化算法，在保持质量的同时减小文件大小 + +
+
+ 技术栈
+使用 Vue 3、TypeScript 和现代 Web 技术构建
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/NotFoundView.vue b/src/views/NotFoundView.vue
new file mode 100644
index 0000000..65a92e0
--- /dev/null
+++ b/src/views/NotFoundView.vue
@@ -0,0 +1,32 @@
+
+
+
+
+ + 优化您的图片 +
++ 一个完全在浏览器中运行的强大图片优化工具 +
+
+
+
+
+
+
+
+
+
+ 格式转换
+支持 JPG、PNG、WebP 等多种图片格式之间的转换
+
+
+
+
+
+
+ 智能优化
+在保持图片质量的同时减小文件大小
+
+
+
+
+
+ 隐私优先
+所有处理都在浏览器中完成，不会将数据发送到服务器
+
+
+ 开始使用
+
+
+
+
+
+ {{ $t('notFound.goHome') }}
+
+
+
+
+
+
+404
+{{ $t('notFound.message') }}
+
+
+
+
+
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..68f1b1e
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,44 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: [
+ "./index.html",
+ "./src/**/*.{vue,js,ts,jsx,tsx}",
+ ],
+ darkMode: 'class',
+ theme: {
+ extend: {
+ colors: {
+ primary: {
+ 50: '#eef2ff',
+ 100: '#e0e7ff',
+ 200: '#c7d2fe',
+ 300: '#a5b4fc',
+ 400: '#818cf8',
+ 500: '#6366f1',
+ 600: '#4f46e5',
+ 700: '#4338ca',
+ 800: '#3730a3',
+ 900: '#312e81',
+ },
+ dark: {
+ 50: '#f8fafc',
+ 100: '#f1f5f9',
+ 200: '#e2e8f0',
+ 300: '#cbd5e1',
+ 400: '#94a3b8',
+ 500: '#64748b',
+ 600: '#475569',
+ 700: '#334155',
+ 800: '#1e293b',
+ 900: '#0f172a',
+ 950: '#020617',
+ },
+ },
+ boxShadow: {
+ 'soft': '0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04)',
+ 'soft-lg': '0 10px 30px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)',
+ },
+ },
+ },
+ plugins: [],
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..bd20517
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,28 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.dom.json",
+ "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+ "exclude": ["src/**/__tests__/*"],
+ "compilerOptions": {
+ "composite": true,
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["./src/*"]
+ },
+ "types": ["vite/client", "node"],
+ "target": "ESNext",
+ "useDefineForClassFields": true,
+ "module": "ESNext",
+ "moduleResolution": "Node",
+ "strict": true,
+ "jsx": "preserve",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "esModuleInterop": true,
+ "lib": ["ESNext", "DOM"],
+ "skipLibCheck": true,
+ "noEmit": true,
+ "allowJs": true,
+ "checkJs": false,
+ "allowSyntheticDefaultImports": true
+ }
+}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..8625cec
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,30 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [vue()],
+ resolve: {
+ alias: {
+ '@': resolve(__dirname, 'src'),
+ },
+ },
+ server: {
+ port: 3000,
+ open: true,
+ },
+ build: {
+ outDir: 'dist',
+ assetsDir: 'assets',
+ sourcemap: true,
+ rollupOptions: {
+ output: {
+ manualChunks: {
+ 'vue-vendor': ['vue', 'vue-router', 'pinia', 'vue-i18n'],
+ 'ui-vendor': ['tailwindcss'],
+ },
+ },
+ },
+ },
+})
\ No newline at end of file
+
+
+ + 优化图片 +
++ 上传并优化您的图片 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 拖放图片到这里
+或
+ +
+
+
+
+
+
+ ![]()
+
+
+
+
+ {{ file.name }}
+{{ formatFileSize(file.size) }}
+
+
+ 已优化 ({{ formatFileSize(file.processedSize) }})
+
+ - 压缩率 {{ Math.round((1 - file.processedSize! / file.size) * 100) }}%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 压缩
+ {{ options.quality }}%
+ 原图
+
+
+
+
+
+