feat:系统UI优化初版

This commit is contained in:
2026-08-17 17:10:33 +08:00
parent 4cf4e45ea2
commit bc783a4beb
11 changed files with 1774 additions and 513 deletions
@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128" fill="none">
<circle cx="64" cy="64" r="53" stroke="#F5222D" stroke-width="3"/>
<path d="M21 54A44 44 0 0 1 107 54" stroke="#F5222D" stroke-width="9" stroke-linecap="round"/>
<path d="M21 74A44 44 0 0 0 107 74" stroke="#F5222D" stroke-width="9" stroke-linecap="round"/>
<circle cx="64" cy="64" r="27" stroke="#F5222D" stroke-width="9"/>
<path d="M64 20V108" stroke="#F5222D" stroke-width="8" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 531 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

@@ -124,44 +124,71 @@ body {
}
.custom-list-loading {
min-width: 72px;
padding: 10px 12px 9px;
border-radius: 12px;
color: #7890a8;
background-color: rgba(255, 255, 255, 0.94);
box-shadow: 0 5px 18px rgba(52, 91, 128, 0.12);
min-width: 132px;
padding: 15px 12px 12px;
border-radius: 14px;
color: #666;
background-color: rgba(255, 255, 255, 0.98);
box-shadow: 0 6px 22px rgba(128, 72, 72, 0.08);
}
.custom-list-loading .van-icon {
width: 48px;
height: 48px;
font-size: 48px;
transform-origin: center;
animation: smart-union-loading-breathe 1.15s ease-in-out infinite;
position: relative;
width: 88px;
height: 88px;
overflow: visible;
font-size: 88px;
}
.custom-list-loading .van-icon::before {
position: absolute;
inset: 6px;
border: 1px solid rgba(255, 112, 103, 0.24);
border-radius: 50%;
content: "";
}
.custom-list-loading .van-icon::after {
position: absolute;
top: 2px;
left: 41px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #ff8c83;
box-shadow: 33px 37px 0 #ff6f68, -35px 21px 0 #ffb0a9;
content: "";
transform-origin: 3px 42px;
animation: smart-union-loading-orbit 1.8s linear infinite;
}
.custom-list-loading .van-icon__image {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
box-sizing: border-box;
width: 54px;
height: 54px;
padding: 5px;
border-radius: 50%;
background: rgba(255, 238, 236, 0.92);
object-fit: contain;
transform: translate(-50%, -50%);
}
@keyframes smart-union-loading-breathe {
0%, 100% {
opacity: 0.58;
transform: scale(0.92);
}
50% {
opacity: 1;
transform: scale(1.03);
@keyframes smart-union-loading-orbit {
to {
transform: rotate(360deg);
}
}
.custom-list-loading .van-toast__text {
margin-top: 5px;
color: #7890a8;
font-size: 12px;
line-height: 16px;
margin-top: 4px;
color: #707070;
font-size: 11px;
font-weight: 500;
line-height: 18px;
white-space: pre-line;
}
.list-card {
@@ -8,6 +8,10 @@ const commonUtil = {
"x-requested-with": "XMLHttpRequest"
}
})
// H5 页面按需注入统一的 Loading 与请求延迟处理,其他端保持原有行为。
if (typeof window !== "undefined" && typeof window.bindH5AxiosLoading === "function") {
window.bindH5AxiosLoading(axiosService)
}
//axios拦截器
axiosService.interceptors.response.use(
(response) => {