app的ui修改

apps/hand-factory/components/klp-ui/k-collapse-panel/k-collapse-panel.vue

@@ -74,29 +74,33 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+/* 简洁折叠面板 */
 .collapse-panel {
   margin: 16rpx 0;
-  border-radius: 8rpx;
+  border-radius: 16rpx;
   overflow: hidden;
-  border: 1rpx solid #eee;
+  background: #ffffff;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+  border: 1rpx solid #e8e8e8;
+  transition: all 0.3s ease;
 
   .collapse-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 24rpx;
-    background-color: #2bf;
+    padding: 24rpx 30rpx;
+    background: #1a73e8;
     color: white;
-    transition: background-color 0.2s;
+    transition: all 0.2s ease;
 
     &:active {
-      background-color: #f1f3f5;
+      opacity: 0.9;
     }
 
     .title {
       font-size: 32rpx;
-      font-weight: 500;
-      color: white;
+      font-weight: 600;
+      color: #ffffff;
       display: flex;
       align-items: center;
       gap: 12rpx;
@@ -116,6 +120,9 @@ export default {
     .arrow {
       transition: transform 0.3s ease;
       color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
 
       &-open {
         transform: rotate(90deg);
@@ -125,10 +132,9 @@ export default {
 
   .collapse-content {
     overflow: hidden;
-    padding: 0 24rpx;
-    background-color: #fff;
+    padding: 0;
+    background: #fff;
     
-    // 展开动画
     &-enter-active,
     &-leave-active {
       transition: all 0.3s ease;