9.20 界面502

frontend/unpackage/dist/dev/mp-weixin/pages/order/create.wxss

@@ -67,23 +67,34 @@
 .value {
   color: #111;
 }
+
+/* 汇总卡片：白底卡片+主色按钮 */
 .summary {
   display: flex;
   justify-content: space-between;
-  padding: 22rpx 24rpx;
+  align-items: center;
+  padding: 16rpx 18rpx;
+  margin: 12rpx 16rpx;
+  background: #fff;
+  border: 2rpx solid #e5e7eb;
+  border-radius: 16rpx;
   color: #111;
 }
+
+/* 加号改为图标按钮 */
 .add {
-  margin: 24rpx auto;
+  margin: 18rpx auto;
   width: 120rpx;
   height: 120rpx;
-  border-radius: 20rpx;
-  background: #4C8DFF;
-  color: #fff;
+  border-radius: 24rpx;
+  background: #fff;
+  border: 2rpx solid #4C8DFF;
+  color: #4C8DFF;
   font-size: 72rpx;
   display: flex;
   align-items: center;
   justify-content: center;
+  box-shadow: 0 6rpx 16rpx rgba(76, 141, 255, 0.12);
 }
 .empty {
   display: flex;
@@ -93,14 +104,18 @@
   color: #444;
 }
 .empty-img {
-  width: 220rpx;
-  margin-bottom: 20rpx;
+  width: 160rpx;
+  margin-bottom: 16rpx;
 }
 .empty-text {
   margin-bottom: 8rpx;
 }
 .list {
-  background: #ffffff;
+  background: #fff;
+  margin: 0 16rpx 12rpx;
+  border: 2rpx solid #e5e7eb;
+  border-radius: 16rpx;
+  overflow: hidden;
 }
 .row {
   display: grid;
@@ -181,4 +196,51 @@
 .chip.active {
   background: #4C8DFF;
   color: #fff;
+}
+
+/* 顶部旧 tabs 简化隐藏（改为更简洁布局） */
+.tabs {
+  display: none;
+}
+
+/* 快捷操作宫格 */
+/* 信息卡片式表达（更稳重） */
+.info-card {
+  display: grid;
+  grid-template-columns: 1fr 1fr auto;
+  gap: 10rpx;
+  margin: 12rpx 16rpx 0;
+  background: #fff;
+  border: 2rpx solid #e5e7eb;
+  border-radius: 16rpx;
+  padding: 10rpx;
+  align-items: center;
+}
+.info-field {
+  background: #ffffff;
+  border: 2rpx solid #e5e7eb;
+  border-radius: 12rpx;
+  padding: 10rpx 12rpx;
+}
+.info-label {
+  color: #444;
+  font-size: 24rpx;
+  margin-right: 8rpx;
+}
+.info-value {
+  color: #111;
+  font-weight: 700;
+}
+.info-action {
+  display: flex;
+  align-items: center;
+  gap: 6rpx;
+  background: #4C8DFF;
+  color: #fff;
+  border-radius: 12rpx;
+  padding: 12rpx 14rpx;
+}
+.info-icon {
+  width: 32rpx;
+  height: 32rpx;
 }