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:
47
src/views/AboutView.vue
Normal file
47
src/views/AboutView.vue
Normal 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>支持多种图片格式,包括 JPG、PNG、WebP 等</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 3、TypeScript 和现代 Web 技术构建</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
// 移除 i18n 相关代码
|
||||
</script>
|
||||
Reference in New Issue
Block a user