部分优化
This commit is contained in:
125
unpackage/dist/dev/app-plus/app.css
vendored
125
unpackage/dist/dev/app-plus/app.css
vendored
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user