纸板小程序：订单/送货单：列表与详情功能

2026-06-11 11:26:40 +08:00
commit ef9ede1605
2317 changed files with 61642 additions and 0 deletions
@@ -0,0 +1,129 @@
+.flex {
+  display: flex;
+}
+.label {
+  min-width: 170rpx;
+  max-width: 170rpx;
+  font-size: 28rpx;
+  color: #8c8c8c;
+}
+.value {
+  font-size: 28rpx;
+}
+
+.page-container {
+  width: 100vw;
+  height: 100vh;
+  box-sizing: border-box;
+  background: #f4f6f9;
+  // background: linear-gradient( 135deg, #ca7d79 0%, #c5140a 30%, #c5140a 50%, #ca7d79 100%);
+  .info {
+    background-color: #ffffff;
+    padding: 30rpx ;
+    border-radius: 0 0 20rpx 20rpx;
+    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
+    .info_code_status {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .code {
+        font-weight: bold;
+      }
+      .status {
+        font-size: 22rpx;
+        padding: 10rpx 25rpx;
+        border-radius: 200px;
+      }
+    }
+    .info_count {
+      display: flex;
+      justify-content: space-between;
+      margin-top: 30rpx;
+      .count_item {
+        text-align: center;
+        .count_item_label {
+          font-size: 24rpx;
+          color: #8c8c8c;
+        }
+        .count_item_value {
+          margin-top: 10rpx;
+          font-size: 34rpx;
+          color: #000000;
+          font-weight: bold;
+        }
+      }
+    }
+  }
+  .title {
+    font-weight: bold;
+    font-size: 26rpx;
+    width: 95%;
+    margin: 0 auto;
+    padding: 25rpx 0 10rpx 0;
+  }
+  .details {
+    width: 95%;
+    margin: 0 auto;
+    .detail_item {
+      background-color: #ffffff;
+      border-radius: 20rpx;
+      padding: 25rpx;
+      margin-top: 15rpx;
+      box-shadow: 0 2px 6px rgba(0,0,0,0.04);
+      .item_top {
+        font-size: 28rpx;
+        display: flex;
+        justify-content: space-between;
+        .paper {
+          font-size: 26rpx;
+          padding: 2rpx 16rpx;
+          background-color: #f0f0f0;
+          color: #5f6368;
+          border-radius: 200px;
+        }
+        .number {
+          color: #c5140a;
+          font-weight: bold;
+        }
+      }
+      .item_mid {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-start;  /* 左对齐 */
+        .mid_item {
+          min-width: 23%; max-width: 23%;
+          display: flex;
+          font-size: 24rpx;
+          margin-bottom: 18rpx;
+          .mid_item_label {
+            color: #5f6368;
+          }
+        }
+        .long, .wide {
+          min-width: 23%; max-width: 23%;
+        }
+        .squareprice {
+          min-width: 31%; max-width: 31%;
+        }
+        .price {
+          .mid_item_value {
+            font-weight: bold;
+          }
+        }
+        .totalPrice {
+          min-width: 50%; max-width: 50%;
+          .mid_item_value {
+            color: #c5140a;
+          }
+        }
+      }
+      .remark{
+        background: #f9fafb;
+        padding: 6px 10px;
+        border-radius: 4px;
+        font-size: 12px;
+        color: #5f6368;
+      }
+    }
+  }
+}