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

2026-06-11 11:26:40 +08:00
commit ef9ede1605
2317 changed files with 61642 additions and 0 deletions
@@ -0,0 +1,149 @@
+.flex {
+  display: flex;
+}
+.label {
+  min-width: 170rpx;
+  max-width: 170rpx;
+  font-size: 30rpx;
+  color: #8c8c8c;
+}
+.value {
+  font-size: 30rpx;
+}
+
+.page-container {
+  width: 100vw;
+  height: 100vh;
+  box-sizing: border-box;
+  background: #ffffff;
+  // background: linear-gradient( 135deg, #ca7d79 0%, #c5140a 30%, #c5140a 50%, #ca7d79 100%);
+  .info {
+    padding: 30rpx 30rpx 0 30rpx;
+    border-radius: 0 0 20rpx 20rpx;
+    .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;
+        }
+      }
+    }
+    .paper {
+      font-size: 24rpx;
+      padding: 6rpx 30rpx;
+      background-color: #f4f4f4;
+      text-align: center;
+      border-radius: 200px;
+    }
+    .corrugatedtype {
+      background-color: #f4f4f4;
+      margin-left: 20rpx;
+    }
+    .discountedPrice {
+      font-size: 24rpx;
+      margin-left: 10rpx;
+      padding: 6rpx 20rpx;
+      background-color: #c5140a20;
+      color: #c5140a;
+      text-align: center;
+      border-radius: 200px;
+    }
+    .symbol {
+      padding: 0 5rpx;
+      color: #8c8c8c;
+    }
+    .number {
+      font-size: 24rpx;
+      padding: 6rpx 16rpx;
+      background-color: #f7f8fa;
+      text-align: center;
+      border-radius: 15rpx;
+    }
+    .asterisk {
+      position: relative;
+      top: 8rpx;
+    }
+    .remark {
+      background-color: #fafafa;
+      padding: 20rpx 20rpx;
+      border-radius: 20rpx;
+      border-left: 6rpx solid #d9d9d9;
+      border-bottom: 3rpx solid #d9d9d9;
+      .label {
+        color: #000000;
+        font-weight: bold;
+      }
+    }
+    .radio {
+      padding: 5rpx;
+      // background-color: #f0f0f0;
+      border-radius: 200px;
+      .radio_item {
+        display: flex;
+        font-size: 24rpx;
+        padding: 5rpx 22rpx;
+        color: #8c8c8c;
+        border-radius: 200px;
+        background-color: #f0f0f0;
+      }
+      .act_radio_item {
+        color: #c5140a;
+        background-color: #f8e2e0;
+      }
+    }
+    .counts {
+      justify-content: space-between;
+      .count_item {
+        width: 15%;
+        text-align: center;
+        padding: 30rpx;
+        background-color: #fafafa;
+        border-radius: 20rpx;
+        .count_label {
+          font-size: 22rpx;
+          color: #8c8c8c;
+          margin-top: 10rpx;
+        }
+        .count_value {
+          font-weight: bold;
+        }
+      }
+      .produce {
+        background-color: #c5140a20;
+      }
+    }
+    .time {
+      background-color: #f9fbfc;
+      padding-top: 10rpx;
+      .time_item {
+        display: flex;
+        justify-content: space-between;
+        font-size: 24rpx;
+        margin-top: 20rpx;
+      }
+    }
+  }
+}