Initialize Image Optimizer project with essential files and configurations. Added .gitignore, README.md, and basic project structure including Vue components, routing, and image processing functionality. Configured Vite for development and build processes, and set up Tailwind CSS for styling.

This commit is contained in:
2025-04-12 19:01:23 +08:00
commit 0d68dc6e35
21 changed files with 5684 additions and 0 deletions

47
src/views/AboutView.vue Normal file
View File

@@ -0,0 +1,47 @@
<template>
<div class="max-w-3xl mx-auto space-y-8">
<div class="text-center">
<h1 class="text-4xl font-bold text-gray-900 mb-4">
关于图片优化器
</h1>
<p class="text-xl text-gray-600">
一个现代化的图片优化和转换工具
</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm space-y-6">
<div>
<h2 class="text-2xl font-semibold mb-4">主要特点</h2>
<ul class="space-y-4">
<li class="flex items-start">
<svg class="w-6 h-6 text-primary-500 mr-2 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span>所有处理都在浏览器中完成确保您的隐私安全</span>
</li>
<li class="flex items-start">
<svg class="w-6 h-6 text-primary-500 mr-2 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span>支持多种图片格式包括 JPGPNGWebP </span>
</li>
<li class="flex items-start">
<svg class="w-6 h-6 text-primary-500 mr-2 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span>智能优化算法在保持质量的同时减小文件大小</span>
</li>
</ul>
</div>
<div>
<h2 class="text-2xl font-semibold mb-4">技术栈</h2>
<p class="text-gray-600">使用 Vue 3TypeScript 和现代 Web 技术构建</p>
</div>
</div>
</div>
</template>
<script setup lang="ts">
// 移除 i18n 相关代码
</script>