app的ui修改

apps/hand-factory/components/klp-team-performance/klp-team-performance.vue

@@ -141,6 +141,7 @@ export default {
 </script>
 
 <style scoped>
+/* 月份选择器 */
 .month-picker {
   padding: 20rpx;
 }
@@ -148,10 +149,11 @@ export default {
 .picker-content {
   display: flex;
   align-items: center;
-  padding: 20rpx;
-  background-color: #f8f8f8;
-  border-radius: 8rpx;
-  border: 1rpx solid #eee;
+  padding: 24rpx 20rpx;
+  background: #fff;
+  border-radius: 12rpx;
+  border: 1rpx solid #e8e8e8;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
 }
 
 .month-display {
@@ -162,20 +164,22 @@ export default {
 }
 
 .arrow {
-  padding: 0 20rpx;
-  font-size: 28rpx;
-  color: #2bf;
+  padding: 0 24rpx;
+  font-size: 32rpx;
+  color: #1a73e8;
   cursor: pointer;
-  transition: opacity 0.3s;
-}
-
-.arrow:active {
-  opacity: 0.7;
-}
-
-.arrow.disabled {
-  color: #ccc;
-  pointer-events: none;
+  transition: all 0.2s ease;
+  font-weight: 600;
+  
+  &:active {
+    opacity: 0.7;
+    transform: scale(0.9);
+  }
+  
+  &.disabled {
+    color: #ccc;
+    pointer-events: none;
+  }
 }
 
 .label {
@@ -184,15 +188,15 @@ export default {
 }
 
 .month-text {
-  color: #333;
-  font-weight: bold;
-  margin: 0 15rpx;
+  color: #1a73e8;
+  font-weight: 600;
+  font-size: 30rpx;
+  margin: 0 20rpx;
 }
 
 .icon {
   color: #999;
   font-size: 24rpx;
-  transform: scale(0.8);
   margin-left: 20rpx;
 }
 </style>