新增: 文件浏览器收尾(滚动条/阶段进度条/空状态/骨架屏/工程下拉)

- 提交之前未提交的滚动条与布局修复
- 移除阶段进度条死代码(模板+CSS+常量)
- 文件预览空状态加图标引导
- 变更视图加载骨架屏
- 工程选择器改为自定义下拉(显示工程路径)
This commit is contained in:
lxy
2026-06-30 21:45:31 +08:00
parent 78bd8d4344
commit 6b131f3dc1
4 changed files with 135 additions and 121 deletions
+22 -1
View File
@@ -7,7 +7,9 @@
<span v-if="!showHistory" class="branch-count">{{ gitStatus?.changed_files.length ?? 0 }} {{ $t('gitChanges.changedFiles') }}</span>
</div>
<div v-if="loading && !gitStatus" class="gc-loading"><span class="spinner"></span></div>
<div v-if="loading && !gitStatus" class="gc-skeleton">
<div class="gc-skeleton-row" v-for="i in 6" :key="i"></div>
</div>
<!-- 非 Git 仓库 -->
<div v-else-if="gitStatus && !gitStatus.is_git_repo" class="gc-empty">
@@ -474,6 +476,25 @@ watch(() => props.moduleId, loadStatus, { immediate: true })
}
.gc-load-more:hover { background: rgba(255,255,255,0.04); }
/* 骨架屏 */
.gc-skeleton {
padding: 14px;
display: flex;
flex-direction: column;
gap: 10px;
}
.gc-skeleton-row {
height: 24px;
border-radius: 4px;
background: linear-gradient(90deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.04) 100%);
background-size: 200% 100%;
animation: gc-shimmer 1.5s infinite linear;
}
@keyframes gc-shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
/* 通用 */
.gc-loading, .gc-empty {
display: flex; justify-content: center; align-items: center;