From 3714621173c606c4c58439ed8941100ce9ddea14 Mon Sep 17 00:00:00 2001
From: Codex Assistant <codex@example.com>
Date: 星期三, 05 十一月 2025 15:10:49 +0800
Subject: [PATCH] bug

---
 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