zhouchengcheng/ctms
1
1
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

修复桌面端界面显示与稳定性问题

Browse Source
This commit is contained in:
Cheng Zhou
2026-07-09 13:53:01 +08:00
parent 0aceb1fd74
commit fd4208d06f
38 changed files with 136 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/DesktopProjectEntry.vue
+13 -24
View File
@@ -6,7 +6,7 @@
<aside class="entry-sidebar" data-tauri-drag-region>
<div class="sidebar-top">
<div class="sidebar-brand">
<div class="brand-mark"><span>CTMS</span></div>
<img class="brand-mark" src="/icons/ctms-icon-192.png" alt="" aria-hidden="true" />
<div class="brand-text">
<span class="brand-kicker">Desktop Workbench</span>
<h1>工作台总控</h1>
@@ -131,7 +131,7 @@
<!-- 空状态 -->
<div v-else class="empty-project-workspace">
<div class="empty-icon-capsule"><span>CTMS</span></div>
<img class="empty-icon-capsule" src="/icons/ctms-icon-192.png" alt="" aria-hidden="true" />
<h3>未检测到可用项目</h3>
<p>您的账号尚未关联至任何研究项目，请联系系统管理员进行项目授权与分配。</p>
</div>
@@ -141,7 +141,7 @@
<div class="transition-overlay" :class="{ active: isTransitioning }" aria-hidden="true">
<div class="overlay-glow"></div>
<div class="overlay-spinner">
<span class="spinner-brand">CTMS</span>
<img class="spinner-brand" src="/icons/ctms-icon-192.png" alt="" />
<div class="spinner-ring"></div>
</div>
</div>
@@ -293,19 +293,13 @@ onMounted(() => {
}
.brand-mark {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid rgba(59, 130, 246, 0.1);
border-radius: 10px;
background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
color: #ffffff;
font-size: 13.5px;
font-weight: 900;
letter-spacing: 0.05em;
background: #ffffff;
box-shadow: 0 8px 20px rgba(37, 99, 235, 0.18);
object-fit: contain;
}
.brand-text h1 {
@@ -809,18 +803,13 @@ onMounted(() => {
}
.empty-icon-capsule {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 8px;
background: #eff6ff;
color: #2563eb;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.05em;
background: #ffffff;
margin-bottom: 12px;
object-fit: contain;
box-shadow: 0 8px 18px rgba(37, 99, 235, 0.12);
}
.empty-project-workspace h3 {
@@ -1064,11 +1053,11 @@ onMounted(() => {
}
.spinner-brand {
color: #ffffff;
font-size: 15px;
font-weight: 900;
letter-spacing: 0.1em;
text-shadow: 0 0 12px rgba(59, 130, 246, 0.4);
width: 42px;
height: 42px;
border-radius: 10px;
object-fit: contain;
box-shadow: 0 0 20px rgba(59, 130, 246, 0.24);
animation: pulseBrand 1.4s ease-in-out infinite alternate;
}