From c4938f6f4e839890b032c75c7a57333a6a9157a9 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期四, 06 十一月 2025 17:06:10 +0800
Subject: [PATCH] 添加新闻功能

---
 wx/pages/profile/employee-review.wxss |   93 ++++++++++++++++++++++++++++++++--------------
 1 files changed, 64 insertions(+), 29 deletions(-)

diff --git a/wx/pages/profile/employee-review.wxss b/wx/pages/profile/employee-review.wxss
index 9979dbd..bfe6a0f 100644
--- a/wx/pages/profile/employee-review.wxss
+++ b/wx/pages/profile/employee-review.wxss
@@ -1,50 +1,52 @@
+@import "../../style/icon.wxss";
+
 .container {
   min-height: 100vh;
   background: #f5f5f5;
   padding: 24rpx;
 }
 
-.search-bar {
+.search-container {
+  padding: 30rpx;
+  background: #ffffff;
+  border-bottom: 1rpx solid #e0e0e0;
+}
+
+.search-box {
   display: flex;
   align-items: center;
-  gap: 16rpx;
-  margin-bottom: 24rpx;
+  background: #f8f9fa;
+  border-radius: 24rpx;
+  padding: 0 30rpx;
+  height: 80rpx;
+}
+
+.search-icon {
+  font-size: 36rpx;
+  color: #999999;
+  margin-right: 20rpx;
 }
 
 .search-input {
   flex: 1;
-  height: 72rpx;
-  background: #ffffff;
-  border-radius: 36rpx;
-  padding: 0 24rpx;
   font-size: 28rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+  color: #333333;
 }
 
-.search-actions {
+.search-clear {
+  width: 40rpx;
+  height: 40rpx;
   display: flex;
-  gap: 12rpx;
+  align-items: center;
+  justify-content: center;
+  background: rgba(22, 119, 255, 0.15);
+  border-radius: 20rpx;
+  margin-left: 20rpx;
 }
 
-.primary-btn {
-  background: #1677ff;
-  color: #ffffff;
-  border-radius: 36rpx;
-  padding: 0 32rpx;
-  height: 72rpx;
-  line-height: 72rpx;
-  font-size: 28rpx;
-}
-
-.plain-btn {
-  background: #ffffff;
+.clear-icon {
+  font-size: 26rpx;
   color: #1677ff;
-  border-radius: 36rpx;
-  padding: 0 32rpx;
-  height: 72rpx;
-  line-height: 72rpx;
-  font-size: 28rpx;
-  border: 2rpx solid #1677ff;
 }
 
 .tab-bar {
@@ -85,6 +87,35 @@
   gap: 20rpx;
 }
 
+.loading-state {
+  padding: 120rpx 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12rpx;
+  color: #999999;
+}
+
+.loading-icon {
+  font-size: 48rpx;
+  color: #1677ff;
+  animation: spin 1.2s linear infinite;
+}
+
+.loading-text {
+  font-size: 26rpx;
+  color: #666666;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
 .audit-card {
   background: #ffffff;
   border-radius: 16rpx;
@@ -93,6 +124,7 @@
   display: flex;
   flex-direction: column;
   gap: 16rpx;
+  margin-bottom: 20rpx;
 }
 
 .card-header {
@@ -146,7 +178,7 @@
 
 .card-footer {
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-end;
   align-items: center;
   margin-top: 8rpx;
 }
@@ -164,6 +196,8 @@
   line-height: 64rpx;
   border-radius: 32rpx;
   font-size: 26rpx;
+  margin: 0;
+  border: none;
 }
 
 .load-more {
@@ -184,6 +218,7 @@
 
 .empty-icon {
   font-size: 72rpx;
+  color: rgba(22, 119, 255, 0.8);
 }
 
 .empty-text {

--
Gitblit v1.8.0