部分优化

This commit is contained in:
2026-07-07 18:02:55 +08:00
parent b8af01cc69
commit bf5203b081
48 changed files with 3228 additions and 1755 deletions

View File

@@ -28,9 +28,9 @@
/*每个页面公共css */
@font-face {
font-family: "iconfont"; /* Project id 4890805 */
src: url('static/iconfont/iconfont.woff2?t=1782200893170') format('woff2'),
url('static/iconfont/iconfont.woff?t=1782200893170') format('woff'),
url('static/iconfont/iconfont.ttf?t=1782200893170') format('truetype');
src: url('static/iconfont/iconfont.woff2?t=1783330740989') format('woff2'),
url('static/iconfont/iconfont.woff?t=1783330740989') format('woff'),
url('static/iconfont/iconfont.ttf?t=1783330740989') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
@@ -39,6 +39,33 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-daima:before {
content: "\e695";
}
.icon-word:before {
content: "\e64c";
}
.icon-qitalingyu:before {
content: "\e62f";
}
.icon-wenjianjia1:before {
content: "\e63a";
}
.icon-execl:before {
content: "\e64d";
}
.icon-TXT1:before {
content: "\e64e";
}
.icon-PPT1:before {
content: "\e64f";
}
.icon-ZIP:before {
content: "\e650";
}
.icon-PDF1:before {
content: "\e651";
}
.icon-cloud:before {
content: "\e988";
}
@@ -220,49 +247,68 @@
.status-bar {
height: var(--status-bar-height);
width: 100%;
background: linear-gradient(180deg, #fafbff 0%, #f5f6fa 100%);
}
.page-container {
width: 100%;
height: calc(100vh - var(--status-bar-height));
background: linear-gradient(180deg, #f0f2ff 0%, #f5f6fa 40%, #fafbfc 100%);
}
.solid-line {
width: 100%;
border-bottom: 0.03125rem solid #999;
height: 0.03125rem;
background: linear-gradient(90deg, transparent, #d4d4f0, transparent);
}
.icon-btn {
padding: 0.3125rem;
border-radius: 0.625rem;
padding: 0.375rem;
border-radius: 0.5rem;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
}
.icon-btn:active {
background: rgba(170, 170, 255, 0.12);
transform: scale(0.95);
}
.text-btn {
padding: 0.3125rem;
padding: 0.375rem 0.625rem;
border-radius: 0.625rem;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
font-size: 0.8125rem;
font-weight: 500;
}
.text-btn:active {
opacity: 0.8;
transform: scale(0.97);
}
.switch-box {
width: 42px;
height: 20px;
background-color: #999;
border-radius: 10px;
width: 48px;
height: 26px;
background-color: #d4d4d8;
border-radius: 13px;
display: flex;
align-items: center;
padding: 1px;
padding: 2px;
transition: all 0.3s ease;
}
.switch-box.active {
justify-content: flex-end;
background-color: #00aaff;
background: linear-gradient(135deg, #aaaaff, #3b86ff);
box-shadow: 0 0 0.375rem rgba(170, 170, 255, 0.4);
}
.switch-track {
width: 20px;
height: 20px;
width: 22px;
height: 22px;
background-color: #ffffff;
border-radius: 50%;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease;
}
.popup-overlay {
position: fixed;
@@ -273,31 +319,68 @@
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(193, 193, 193, 0.4);
background-color: rgba(30, 30, 50, 0.35);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
z-index: 1000;
animation: fadeIn 0.25s ease;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(1.25rem) scale(0.96);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.popup-card {
width: 90%;
height: auto;
background-color: #ffffff;
border-radius: 1.5625rem;
padding: 1.5625rem;
border-radius: 1.25rem;
padding: 1.5rem 1.25rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
position: relative;
box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.08);
animation: slideUp 0.3s ease;
}
.close-popup-card {
position: absolute;
top: 0.3125rem;
right: 0.3125rem;
color: #ff0000;
top: 0.5rem;
right: 0.5rem;
color: #ff4d4f;
padding: 0.3125rem;
box-sizing: border-box;
width: 1.5rem;
height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.2s ease;
}
.close-popup-card:active {
background: rgba(255, 77, 79, 0.1);
}
.popup-title {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.0625rem;
font-weight: 600;
color: #1a1a2e;
margin-bottom: 0.75rem;
}