style: css
This commit is contained in:
parent
412ac92297
commit
a53faecc29
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in New Issue