From c4a9cad1c50e89365e2a58b50e259af642ed3b8c Mon Sep 17 00:00:00 2001 From: Codex Assistant <codex@example.com> Date: 星期二, 07 十月 2025 16:12:20 +0800 Subject: [PATCH] feat(review): 调整评审详情展示顺序与样式,描述支持多行,项目信息列宽40/60 fix(auth): 登录页与首页循环跳转保护;api.ts 在登录页不再重定向;401分支在登录页不跳转 fix(router): /login 放行策略优化,避免死循环;评审列表跳转到 /project-review/:id/detail fix(frontend): 补齐 utils/appConfig.ts,避免启动白屏 fix(review): 详情页提交评分缺少stageId时回退使用项目详情的stageId feat(backend): ActivityPlayerDetailResponse.playerInfo 补充 avatarUrl/avatar,服务组装时填充用户头像 chore(dev): 启动脚本注入本地JWT密钥,重启前后端 --- wx/pages/profile/employee-review-detail.wxss | 104 ++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 92 insertions(+), 12 deletions(-) diff --git a/wx/pages/profile/employee-review-detail.wxss b/wx/pages/profile/employee-review-detail.wxss index dc136a0..2933f6b 100644 --- a/wx/pages/profile/employee-review-detail.wxss +++ b/wx/pages/profile/employee-review-detail.wxss @@ -1,3 +1,5 @@ +@import "../../style/icon.wxss"; + .container { min-height: 100vh; background: #f5f5f5; @@ -58,30 +60,108 @@ margin-top: 8rpx; } -.file-item { +.media-list { display: flex; - justify-content: space-between; + flex-direction: column; + gap: 20rpx; +} + +.media-item { + display: flex; align-items: center; - padding: 20rpx 0; - border-bottom: 1rpx solid #f0f0f0; - font-size: 26rpx; + padding: 20rpx; + border-radius: 12rpx; + background: #f8f9fb; + gap: 20rpx; } -.file-item:last-child { - border-bottom: none; +.media-item:active { + background: #eef4ff; } -.file-name { - color: #333333; +.media-thumb-wrapper { + position: relative; + width: 120rpx; + height: 120rpx; + border-radius: 12rpx; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + background: #ffffff; +} + +.media-thumb { + width: 100%; + height: 100%; +} + +.media-icon { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + font-size: 48rpx; + color: #ffffff; +} + +.media-icon.pdf { + background: linear-gradient(135deg, #ff5959 0%, #ff7b7b 100%); +} + +.media-icon.doc { + background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%); +} + +.media-icon.file { + background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); +} + +.media-icon.placeholder { + background: #f1f3f9; + color: #9ca3af; +} + +.media-play { + position: absolute; + right: 8rpx; + bottom: 8rpx; + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + width: 36rpx; + height: 36rpx; + border-radius: 18rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 24rpx; +} + +.media-info { flex: 1; + display: flex; + flex-direction: column; + gap: 8rpx; +} + +.media-name { + font-size: 28rpx; + color: #1f2937; + font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - padding-right: 20rpx; } -.file-action { - color: #1677ff; +.media-size { + font-size: 24rpx; + color: #9ca3af; +} + +.empty-media { + font-size: 26rpx; + color: #999999; } .feedback-input { -- Gitblit v1.8.0