47 lines
1.9 KiB
Vue
47 lines
1.9 KiB
Vue
|
<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>
|