app的ui修改

apps/hand-factory/components/klp-ui/k-info-card/k-info-card.vue

@@ -56,62 +56,83 @@ export default {
 </script>
 
 <style scoped>
-/* 卡片容器 */
+/* 简洁信息卡片容器 */
 .card-container {
   overflow: hidden;
-  background: #fff;
-  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.05);
+  background: #ffffff;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+  border: 1rpx solid #e8e8e8;
+  transition: all 0.2s ease;
+  
+  &:active {
+    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
+  }
 }
 
-/* 头部样式 */
+/* 简洁头部样式 */
 .card-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 20rpx;
+  padding: 24rpx 30rpx;
+  background: #1a73e8;
 }
 
 .header-title {
   font-size: 32rpx;
-  color: #333;
+  color: #ffffff;
+  font-weight: 600;
 }
 
 .header-value {
   font-size: 36rpx;
-  color: #2a7ae9;
-  font-weight: 500;
+  color: #ffffff;
+  font-weight: 700;
 }
 
 /* 信息容器 */
 .info-container {
-  padding: 20rpx;
+  padding: 30rpx;
   display: flex;
   box-sizing: border-box;
   flex-wrap: wrap;
-  justify-content: space-between;
+  gap: 20rpx;
+  background: #fff;
 }
 
 .info-row {
   display: flex;
   justify-content: space-between;
-  margin-bottom: 24rpx;
+  margin-bottom: 20rpx;
 }
 
+/* 信息项 */
 .info-item {
   display: flex;
   align-items: baseline;
+  flex: 0 0 calc(50% - 10rpx);
+  padding: 16rpx 20rpx;
+  background: #f8f9fa;
+  border-radius: 10rpx;
+  border: 1rpx solid #e8e8e8;
+  transition: all 0.2s ease;
+  
+  &:active {
+    background: #f0f2f5;
+  }
 }
 
 .info-label {
   color: #666;
-  font-size: 28rpx;
+  font-size: 26rpx;
   flex-shrink: 0;
   margin-right: 16rpx;
 }
 
 .info-value {
   color: #333;
-  font-size: 30rpx;
+  font-size: 28rpx;
   font-weight: 500;
   word-break: break-all;
 }