From a53faecc29b7fd923e213422445a1ba82b9f3424 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=8F=9C=E8=8F=9C=E9=85=B1?= Date: Fri, 12 Sep 2025 18:37:33 +0800 Subject: [PATCH] style: css --- src/pages/result/index.css | 24 +++++++++++++++--------- 1 file changed, 15 insertions(+), 9 deletions(-) diff --git a/src/pages/result/index.css b/src/pages/result/index.css index e27bfc5..514b84f 100644 --- a/src/pages/result/index.css +++ b/src/pages/result/index.css @@ -123,6 +123,7 @@ height: 100vh; padding: 60px 32px; box-sizing: border-box; + position: relative; } /* 进度容器 */ @@ -133,9 +134,9 @@ /* 进度方框 */ .progress-circle { - width: 280px; - height: 280px; - border-radius: 30px; + width: 316px; + height: 316px; + border-radius: 48px; position: relative; display: flex; align-items: center; @@ -147,7 +148,7 @@ .progress-fill { position: absolute; inset: -10px; - border-radius: 35px; + border-radius: 48px; background: conic-gradient(#FFCF5F 0deg, #FFCF5F 0deg, transparent 0deg, transparent 360deg); padding: 10px; z-index: 1; @@ -156,7 +157,7 @@ .progress-inner { width: 100%; height: 100%; - border-radius: 30px; + border-radius: 48px; background: white; display: flex; align-items: center; @@ -178,7 +179,7 @@ inset: 0; width: 100%; height: 100%; - border-radius: 30px; + border-radius: 48px; z-index: 3; } @@ -188,7 +189,7 @@ inset: 0; width: 100%; height: 100%; - border-radius: 30px; + border-radius: 48px; background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%); display: flex; align-items: center; @@ -200,7 +201,7 @@ .progress-overlay { position: absolute; inset: 0; - border-radius: 30px; + border-radius: 48px; background: linear-gradient( 135deg, rgb(0 0 0 / 20%) 0%, @@ -215,7 +216,7 @@ .scan-light { position: absolute; inset: 0; - border-radius: 30px; + border-radius: 48px; background: linear-gradient( 90deg, transparent 0%, @@ -309,6 +310,11 @@ /* 提示区域 */ .tips-section { text-align: center; + position: absolute; + bottom: 150px; + left: 50%; + transform: translateX(-50%); + width: 100%; } .tips-label {