Home Explore 引导页 在线工具 Blog
Register Sign In
Pchen0
/
RunForge-Frontend
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

feat: add padded PWA install icons

Pchen. 1 week ago
parent
1bd24e1d3c
commit
a571341a4b
6 changed files with 44 additions and 0 deletions
Unified View Show Diff Stats
  1. 3 0
      index.html
  2. BIN
      public/apple-touch-icon.png
  3. 34 0
      public/manifest.webmanifest
  4. BIN
      public/pwa-icon-192.png
  5. BIN
      public/pwa-icon-512.png
  6. 7 0
      public/pwa-icon.svg

+ 3 - 0
index.html
View File 

@@ -3,6 +3,9 @@
 
   <head>
 
   <head>
 
     <meta charset="UTF-8" />
 
     <meta charset="UTF-8" />
 
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
 
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
 
+    <link rel="manifest" href="/manifest.webmanifest" />
 
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
 
+    <meta name="theme-color" content="#ffffff" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 
     <title>沐晨乐跑 - 智能校园乐跑平台</title>
 
     <title>沐晨乐跑 - 智能校园乐跑平台</title>
 
   </head>
 
   </head>

BIN
public/apple-touch-icon.png
View File


+ 34 - 0
public/manifest.webmanifest
View File 

@@ -0,0 +1,34 @@
 
+{
 
+  "name": "RunForge - 智能校园乐跑平台",
 
+  "short_name": "RunForge",
 
+  "description": "智能校园乐跑平台",
 
+  "start_url": "/",
 
+  "scope": "/",
 
+  "display": "standalone",
 
+  "display_override": [
 
+    "window-controls-overlay",
 
+    "standalone"
 
+  ],
 
+  "background_color": "#ffffff",
 
+  "theme_color": "#ffffff",
 
+  "icons": [
 
+    {
 
+      "src": "/pwa-icon-192.png",
 
+      "sizes": "192x192",
 
+      "type": "image/png",
 
+      "purpose": "any maskable"
 
+    },
 
+    {
 
+      "src": "/pwa-icon-512.png",
 
+      "sizes": "512x512",
 
+      "type": "image/png",
 
+      "purpose": "any maskable"
 
+    },
 
+    {
 
+      "src": "/pwa-icon.svg",
 
+      "sizes": "512x512",
 
+      "type": "image/svg+xml",
 
+      "purpose": "any"
 
+    }
 
+  ]
 
+}

BIN
public/pwa-icon-192.png
View File


BIN
public/pwa-icon-512.png
View File


+ 7 - 0
public/pwa-icon.svg
View File 

@@ -0,0 +1,7 @@
 
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
 
+  <rect width="512" height="512" rx="112" fill="#FFFFFF"/>
 
+  <rect x="8" y="8" width="496" height="496" rx="104" stroke="#E8EDF3" stroke-width="16"/>
 
+  <g transform="translate(96 96) scale(0.3125)">
 
+    <path d="M512.0512 1024a512 512 0 1 1 512-512 512.6144 512.6144 0 0 1-512 512z m-33.9968-460.8a31.0784 31.0784 0 0 0-30.72 30.72 30.72 30.72 0 0 0 9.1136 21.8624l33.6896 33.8944-89.9072 44.8512a30.72 30.72 0 0 0 13.824 58.2656 29.3888 29.3888 0 0 0 13.824-3.4304l128-63.7952a30.72 30.72 0 0 0 7.936-49.2032L499.8656 572.416a30.3104 30.3104 0 0 0-21.7088-9.216z m149.4528-319.8464a94.8224 94.8224 0 0 0-94.8736 94.6176 96.2048 96.2048 0 0 0 9.6256 41.6256l-320.6144 320.4096a31.3344 31.3344 0 0 0 0 43.7248 30.72 30.72 0 0 0 43.3664 0l234.2912-234.496 85.1456 85.1456a30.1568 30.1568 0 0 0 21.6064 8.9088 31.488 31.488 0 0 0 18.5344-6.2464l85.1456-63.7952a30.72 30.72 0 0 0 12.0832-20.48 30.72 30.72 0 0 0-48.7936-28.672l-64.1536 48.0768L542.6176 465.92l43.1616-42.9568a96.256 96.256 0 0 0 41.6256 9.6256 94.72 94.72 0 0 0 0-189.44zM425.9328 372.0704l30.464 30.2592a30.72 30.72 0 0 0 43.3664 0 30.72 30.72 0 0 0 9.1136-21.5552 30.72 30.72 0 0 0-9.1136-21.9648l-42.5984-42.5984a30.3616 30.3616 0 0 0-29.1328-8.1408l-85.5552 21.4016a30.72 30.72 0 0 0 7.4752 60.5696 30.208 30.208 0 0 0 7.4752-0.9216l68.5056-16.9984z m201.6256-0.768a33.8432 33.8432 0 0 1-33.4848-33.3312 33.3824 33.3824 0 1 1 33.4848 33.3312z" fill="#00AAA6"/>
 
+  </g>
 
+</svg>