tmp

2026-09-03 11:35:21 +08:00
parent f8f7afceb8
commit b4c8bf0add
45 changed files with 2989 additions and 426 deletions
@@ -0,0 +1,109 @@
+/* components/order-stats/index.wxss */
+
+.os-section {
+  margin-top: 30rpx;
+}
+
+.os-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+}
+
+.os-title {
+  font-size: 30rpx;
+  font-weight: 500;
+  color: #1a1a1a;
+  margin-left: 8rpx;
+  letter-spacing: 1rpx;
+}
+
+.os-card {
+  background: linear-gradient(135deg, #ffffff 0%, #f3fbf8 100%);
+  border-radius: 24rpx;
+  box-shadow: 0 4rpx 20rpx rgba(23, 195, 165, 0.10);
+  padding: 36rpx 0 32rpx;
+  display: flex;
+  align-items: stretch;
+  position: relative;
+  overflow: hidden;
+}
+
+/* 左上角装饰色块，呼应首页头部渐变 */
+.os-card::before {
+  content: '';
+  position: absolute;
+  top: -40rpx;
+  left: -40rpx;
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 50%;
+  background: linear-gradient(135deg, rgba(45, 211, 111, 0.10), rgba(23, 195, 165, 0.10));
+}
+
+.os-item {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+  z-index: 1;
+}
+
+.os-num {
+  font-size: 48rpx;
+  font-weight: 700;
+  line-height: 1;
+  font-family: 'DIN Alternate', -apple-system, sans-serif;
+}
+
+.os-num.green {
+  color: #2dd36f;
+}
+
+.os-num.blue {
+  color: #409eff;
+}
+
+.os-num.orange {
+  color: #ff9f43;
+}
+
+.os-label {
+  margin-top: 12rpx;
+  font-size: 24rpx;
+  color: #888888;
+}
+
+.os-fee {
+  margin-top: 10rpx;
+  font-size: 22rpx;
+  font-weight: 600;
+  color: #1a1a1a;
+  padding: 4rpx 16rpx;
+  border-radius: 20rpx;
+  background: rgba(26, 26, 46, 0.05);
+}
+
+.os-item:nth-child(1) .os-fee {
+  color: #1ea55c;
+  background: rgba(45, 211, 111, 0.12);
+}
+
+.os-item:nth-child(3) .os-fee {
+  color: #3d8fe0;
+  background: rgba(64, 158, 255, 0.12);
+}
+
+.os-item:nth-child(5) .os-fee {
+  color: #e08a1e;
+  background: rgba(255, 159, 67, 0.14);
+}
+
+.os-divider {
+  width: 1rpx;
+  margin: 8rpx 0;
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #e8e8e8 30%, #e8e8e8 70%, rgba(0, 0, 0, 0) 100%);
+  flex-shrink: 0;
+}