feat(index): 优化index.html页面结构和加载体验

- 添加基础meta标签、SEO描述信息和安全相关meta标签
- 配置移动端和PWA支持,更新图标和manifest配置
- 优化CSS样式,包括box-sizing重置和加载动画样式
- 改进加载器动画效果,添加无障碍属性和noscript提示
- 修复viewport配置,移除过时的IE兼容性代码
- 统一CSS单位格式,优化margin和padding设置
```
This commit is contained in:
2025-12-24 14:15:08 +08:00
parent 4c6886be6a
commit c297072b36
33 changed files with 119 additions and 338 deletions

View File

@@ -0,0 +1,26 @@
Favicon.pub Package Description
===================
This package contains the following files:
PNG Format:
- favicon-16x16.png (16x16 pixels, for browser tabs)
- favicon-32x32.png (32x32 pixels, for taskbars)
- favicon-48x48.png (48x48 pixels, for desktop shortcuts)
- android-chrome-192x192.png (192x192 pixels, Android PWA icon)
- android-chrome-512x512.png (512x512 pixels, Android PWA launch icon)
Apple Icons:
- apple-touch-icon.png (180x180 pixels, default iOS icon)
- apple-touch-icon-152x152.png (152x152 pixels, iPad icon)
- apple-touch-icon-167x167.png (167x167 pixels, iPad Pro icon)
- apple-touch-icon-180x180.png (180x180 pixels, iPhone icon)
Other Formats:
- favicon.ico (Traditional ICO format containing multiple sizes. Note that browsers/OS may choose smaller sizes due to caching. Use professional ICO viewers to verify.)
- favicon.svg (Vectorized from your uploaded image using ImageTracer)
- safari-pinned-tab.svg (Vectorized from your uploaded image)
- site.webmanifest (PWA manifest file)
Usage:
Place all files in your website's root directory, then add the following link tags to your HTML's <head> section.

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 520 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 258 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 258 KiB

View File

@@ -0,0 +1,19 @@
{
"name": "My Awesome App",
"short_name": "AwesomeApp",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}