feat(ui): 紫色主题完善、抢单端去自动刷新、我的页下拉刷新

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-29 02:08:33 +08:00
parent c03d22776f
commit 96adf54c80
66 changed files with 511 additions and 397 deletions
--- a/styles/dashou-xym-order-card.wxss
+++ b/styles/dashou-xym-order-card.wxss
@@ -17,22 +17,22 @@
  box-shadow: 0 10rpx 28rpx rgba(0, 0, 0, 0.09);
 }

-/* 平台订单 */
+/* 平台订单 - 紫色主题 */
 .xym-pingtai-order {
  padding-bottom: 5rpx;
-  background: #927a46;
+  background: #7c3aed;
 }

 .xym-pingtai-head {
  height: 72rpx;
  padding: 0 24rpx;
-  background: linear-gradient(50deg, #957c48, #5c4a28);
+  background: linear-gradient(50deg, #6d28d9, #9333ea);
  border-radius: 30rpx 30rpx 0 0;
 }

 .xym-head-time {
  font-size: 24rpx;
-  color: #fcd270;
+  color: #e9d5ff;
 }

 .xym-head-tag {
@@ -40,21 +40,21 @@
  padding: 4rpx 16rpx;
  border-radius: 8rpx;
  font-weight: 600;
-  background: rgba(252, 210, 112, 0.22);
-  color: #fcd270;
-  border: 1rpx solid rgba(252, 210, 112, 0.4);
+  background: rgba(196, 181, 253, 0.28);
+  color: #f5f3ff;
+  border: 1rpx solid rgba(196, 181, 253, 0.55);
 }

 .xym-pingtai-body {
  border-radius: 40rpx 10rpx 30rpx 30rpx;
  padding: 0 20rpx 24rpx;
-  background: linear-gradient(to bottom, #3a3220, #cec180);
+  background: linear-gradient(to bottom, #5b21b6, #c4b5fd);
 }

 /* 商家订单 */
 .xym-shangjia-order {
  padding-bottom: 5rpx;
-  background: linear-gradient(to bottom, #fff8e1, #ffe0b2);
+  background: linear-gradient(to bottom, #f5f3ff, #ddd6fe);
  overflow: hidden;
 }

@@ -74,7 +74,7 @@
 .xym-shangjia-head .xym-head-tag {
  background: rgba(255, 255, 255, 0.65);
  color: #492f00;
-  border-color: rgba(255, 208, 97, 0.5);
+  border-color: rgba(147, 51, 234, 0.5);
 }

 .order-con {
@@ -181,7 +181,7 @@
 }

 .xym-pingtai-body .zhiding-strip .zhiding-name {
-  color: #f5e6b8;
+  color: #ede9fe;
 }

 .reward-badge {
@@ -198,13 +198,13 @@
 }

 .reward-badge.normal-reward {
-  color: #492f00;
-  background: linear-gradient(to bottom, #fae04d, #ffc0a3);
+  color: #4c1d95;
+  background: linear-gradient(to bottom, #c4b5fd, #a78bfa);
 }

 .reward-badge.platform-reward {
  color: #fff;
-  background: linear-gradient(to right, #dabd83, #704029);
+  background: linear-gradient(to right, #9333ea, #c4b5fd);
 }

 .xym-shangjia-body .reward-badge:not(.member-tip) {
@@ -253,8 +253,8 @@

 .remark-block.gold {
  color: #fff;
-  border-color: #ffd700;
-  background: rgba(255, 215, 0, 0.12);
+  border-color: #c4b5fd;
+  background: rgba(196, 181, 253, 0.12);
 }

 .remark-block.dark {
@@ -268,7 +268,7 @@
 }

 .remark-block.gold .remark-label {
-  color: #ffd700;
+  color: #c4b5fd;
 }

 .remark-block.dark .remark-label {
@@ -303,17 +303,17 @@
 }

 .o-amt.light {
-  color: #f5e6b8;
+  color: #ede9fe;
 }

 .btn-bg {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3);
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa);
  border-radius: 60rpx;
  color: #492f00;
 }

 .qiangdan {
-  color: #492f00;
+  color: #4c1d95;
  width: 180rpx;
  min-width: 100rpx;
  padding: 15rpx 10rpx;
@@ -325,8 +325,8 @@
 }

 .qiangdan.btn-qiang-brown {
-  background: linear-gradient(to right, #7a4a2d 0%, #e4ce94 100%) !important;
-  color: #000 !important;
+  background: linear-gradient(to right, #7c3aed 0%, #c4b5fd 100%) !important;
+  color: #fff !important;
 }

 .view-more-inline {
--- a/styles/dashou-xym-orders-theme.wxss
+++ b/styles/dashou-xym-orders-theme.wxss
@@ -13,8 +13,8 @@
 }

 .leixing-item.leixing-active {
-  background: linear-gradient(180deg, #fff0c2, #f5d563) !important;
-  box-shadow: 0 4rpx 12rpx rgba(255, 208, 97, 0.35) !important;
+  background: linear-gradient(180deg, #ede9fe, #c4b5fd) !important;
+  box-shadow: 0 4rpx 12rpx rgba(147, 51, 234, 0.35) !important;
 }

 .leixing-active .leixing-name {
@@ -32,14 +32,14 @@
 }

 .type-btn.type-active {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
  color: #492f00 !important;
  box-shadow: 0 2rpx 8rpx rgba(180, 130, 20, 0.2) !important;
 }

 .search-box {
  background: #fff !important;
-  border: 1rpx solid rgba(255, 208, 97, 0.3) !important;
+  border: 1rpx solid rgba(147, 51, 234, 0.3) !important;
 }

 .left-status {
@@ -48,7 +48,7 @@
 }

 .status-item.status-active {
-  background: #fff8e1 !important;
+  background: #f5f3ff !important;
 }

 .status-active .status-name {
@@ -56,7 +56,7 @@
 }

 .status-dot {
-  background: #ffd061 !important;
+  background: #9333ea !important;
 }

 .right-list {
@@ -74,11 +74,11 @@

 .loading-spinner,
 .mini-spinner {
-  border-top-color: #ffd061 !important;
+  border-top-color: #9333ea !important;
 }

 .load-more-btn {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
  color: #492f00 !important;
  border: 2rpx solid #fff !important;
 }
--- a/styles/dashou-xym-rank-theme.wxss
+++ b/styles/dashou-xym-rank-theme.wxss
@@ -24,13 +24,13 @@ page {
 .role-chip {
  background: rgba(255, 255, 255, 0.8) !important;
  color: #666 !important;
-  border: 2rpx solid rgba(255, 208, 97, 0.25) !important;
+  border: 2rpx solid rgba(147, 51, 234, 0.25) !important;
 }

 .role-chip.on {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
  color: #492f00 !important;
-  border-color: #ffd061 !important;
+  border-color: #9333ea !important;
  font-weight: 700 !important;
 }

@@ -40,7 +40,7 @@ page {
 }

 .date-chip.on {
-  background: #fef6d4 !important;
+  background: #ede9fe !important;
  color: #492f00 !important;
  font-weight: 700 !important;
 }
@@ -76,7 +76,7 @@ page {
 }

 .my-rank-bar {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
 }

 .my-rank-bar text {
@@ -88,5 +88,5 @@ page {
 }

 .loader {
-  border-top-color: #ffd061 !important;
+  border-top-color: #9333ea !important;
 }
--- a/styles/dashou-xym-recharge-theme.wxss
+++ b/styles/dashou-xym-recharge-theme.wxss
@@ -1,7 +1,7 @@
 /* 打手充值页 - 逍遥梦风格视觉覆盖（不改 wxml/逻辑） */

 .page-container {
-  background: linear-gradient(180deg, #f7dc51 0%, #fff 22%, #fff8e1 100%) !important;
+  background: linear-gradient(180deg, #c4b5fd 0%, #fff 22%, #f5f3ff 100%) !important;
 }

 .page-container::before {
@@ -19,18 +19,18 @@

 .dec-line,
 .dec-diamond {
-  background: #ffd061 !important;
+  background: #9333ea !important;
 }

 .vip-card {
  background: #fdfcfa !important;
-  border: 2rpx solid rgba(255, 208, 97, 0.5) !important;
+  border: 2rpx solid rgba(147, 51, 234, 0.5) !important;
  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.08) !important;
 }

 .vip-card.active {
-  border-color: #ffd061 !important;
-  box-shadow: 0 8rpx 28rpx rgba(255, 208, 97, 0.35) !important;
+  border-color: #9333ea !important;
+  box-shadow: 0 8rpx 28rpx rgba(147, 51, 234, 0.35) !important;
 }

 .card-frame,
@@ -69,7 +69,7 @@
 .tech-buy-btn,
 .tech-btn,
 .modal-btn.confirm-btn {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
  border: 2rpx solid #fff !important;
  border-radius: 44rpx !important;
  box-shadow: 0 4rpx 12rpx rgba(180, 130, 20, 0.25) !important;
@@ -122,8 +122,8 @@

 .huiyuan-tag,
 .tech-tag {
-  background: #fef6d4 !important;
-  border: 1rpx solid rgba(255, 208, 97, 0.4) !important;
+  background: #ede9fe !important;
+  border: 1rpx solid rgba(147, 51, 234, 0.4) !important;
 }

 .tag-name {
@@ -135,7 +135,7 @@
 }

 .tech-line {
-  background: linear-gradient(90deg, transparent, #ffd061, transparent) !important;
+  background: linear-gradient(90deg, transparent, #9333ea, transparent) !important;
 }

 .tech-modal .modal-container {
@@ -168,13 +168,13 @@
 }

 .quick-btn {
-  background: #fef6d4 !important;
-  border: 2rpx solid rgba(255, 208, 97, 0.4) !important;
+  background: #ede9fe !important;
+  border: 2rpx solid rgba(147, 51, 234, 0.4) !important;
 }

 .quick-btn.active {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
-  border-color: #ffd061 !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
+  border-color: #9333ea !important;
 }

 .quick-text {
@@ -182,7 +182,7 @@
 }

 .pay-method-item {
-  background: #fef6d4 !important;
+  background: #ede9fe !important;
  border-radius: 16rpx !important;
 }

@@ -204,8 +204,8 @@
 }

 .spinner-ring {
-  border-color: rgba(255, 208, 97, 0.3) !important;
-  border-top-color: #ffd061 !important;
+  border-color: rgba(147, 51, 234, 0.3) !important;
+  border-top-color: #9333ea !important;
 }

 .tech-footer .footer-text {
--- a/styles/dashou-xym-theme.wxss
+++ b/styles/dashou-xym-theme.wxss
@@ -19,7 +19,7 @@
 }

 .qiangdan-page {
-  background: linear-gradient(180deg, #f7dc51 0%, #fff 28%, #fff8e1 100%) !important;
+  background: linear-gradient(180deg, #c4b5fd 0%, #fff 28%, #f5f3ff 100%) !important;
 }

 .qiangdan-page::before {
@@ -52,8 +52,8 @@
 }

 .leixing-active .leixing-tupian {
-  border: 3rpx solid #ffd061 !important;
-  box-shadow: 0 6rpx 16rpx rgba(255, 208, 97, 0.45) !important;
+  border: 3rpx solid #9333ea !important;
+  box-shadow: 0 6rpx 16rpx rgba(147, 51, 234, 0.45) !important;
 }

 .leixing-jieshao {
@@ -64,12 +64,12 @@
 }

 .leixing-active .leixing-jieshao {
-  color: #492f00 !important;
+  color: #6d28d9 !important;
  font-weight: 700 !important;
 }

 .guangyun-effect {
-  background: radial-gradient(circle, rgba(255, 208, 97, 0.35) 0%, transparent 70%) !important;
+  background: radial-gradient(circle, rgba(147, 51, 234, 0.35) 0%, transparent 70%) !important;
 }

 .biaoqian-quyu {
@@ -79,16 +79,16 @@

 .biaoqian-item {
  background: rgba(255, 255, 255, 0.65) !important;
-  border: 2rpx solid rgba(201, 162, 39, 0.25) !important;
+  border: 2rpx solid rgba(147, 51, 234, 0.25) !important;
 }

 .biaoqian-active {
-  background: linear-gradient(180deg, #fff0c2, #f5d563) !important;
-  border-color: rgba(180, 130, 20, 0.85) !important;
+  background: linear-gradient(180deg, #ede9fe, #c4b5fd) !important;
+  border-color: rgba(124, 58, 237, 0.85) !important;
 }

 .fenge-xian {
-  background: linear-gradient(90deg, transparent, #ffd061, transparent) !important;
+  background: linear-gradient(90deg, transparent, #9333ea, transparent) !important;
  opacity: 0.6 !important;
  margin: 6rpx 30rpx 0 !important;
 }
@@ -100,7 +100,7 @@

 .refreshing-text,
 .pull-down-text {
-  color: #6b5420 !important;
+  color: #7c3aed !important;
  text-shadow: none !important;
 }

@@ -120,7 +120,7 @@
 }

 .pingtai-card {
-  background: linear-gradient(to bottom, #927a46, #cec180) !important;
+  background: linear-gradient(to bottom, #7c3aed, #c4b5fd) !important;
  padding: 0 0 16rpx !important;
 }

@@ -131,7 +131,7 @@

 .pingtai-card .card-top,
 .shangjia-card .card-top {
-  background: linear-gradient(50deg, #957c48, #5c4a28) !important;
+  background: linear-gradient(50deg, #6d28d9, #9333ea) !important;
  border-radius: 28rpx 28rpx 0 0 !important;
  margin: -28rpx -24rpx 16rpx !important;
  padding: 16rpx 24rpx !important;
@@ -139,11 +139,11 @@

 .pingtai-tag,
 .creat-time {
-  color: #fcd270 !important;
+  color: #ede9fe !important;
 }

 .shangjia-card {
-  background: linear-gradient(to bottom, #fff8e1, #ffe0b2) !important;
+  background: linear-gradient(to bottom, #f5f3ff, #ddd6fe) !important;
 }

 .card-content,
@@ -167,26 +167,26 @@
 }

 .fenyong-box {
-  background: linear-gradient(to bottom, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(to bottom, #c4b5fd, #a78bfa) !important;
  border-radius: 30rpx !important;
 }

 .fenyong-text,
 .fenyong-price,
 .fenyong-unit {
-  color: #492f00 !important;
+  color: #4c1d95 !important;
 }

 .qiangdan-btn,
 .mecha-btn {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
  border: 2rpx solid #fff !important;
-  box-shadow: 0 4rpx 12rpx rgba(180, 130, 20, 0.25) !important;
+  box-shadow: 0 4rpx 12rpx rgba(124, 58, 237, 0.25) !important;
 }

 .qiangdan-btn .btn-text,
 .mecha-btn .btn-text {
-  color: #492f00 !important;
+  color: #4c1d95 !important;
 }

 .btn-shine,
@@ -196,7 +196,7 @@
 }

 .loading-mask {
-  background: rgba(255, 248, 225, 0.85) !important;
+  background: rgba(245, 243, 255, 0.85) !important;
 }

 .loading-mask-text,
@@ -206,7 +206,7 @@
 }

 .unauthorized-container {
-  background: linear-gradient(180deg, #f7dc51, #fff 50%) !important;
+  background: linear-gradient(180deg, #c4b5fd, #fff 50%) !important;
 }

 .unauthorized-card {
@@ -225,12 +225,12 @@
 }

 .btn-register {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
  border-radius: 44rpx !important;
 }

 .btn-register .btn-text {
-  color: #492f00 !important;
+  color: #4c1d95 !important;
 }

 .card-glow {
@@ -246,15 +246,15 @@
 }

 .tag-platform {
-  background: rgba(252, 210, 112, 0.22);
-  color: #fcd270;
-  border: 1rpx solid rgba(252, 210, 112, 0.45);
+  background: rgba(196, 181, 253, 0.28);
+  color: #ede9fe;
+  border: 1rpx solid rgba(196, 181, 253, 0.55);
 }

 .tag-merchant {
  background: rgba(255, 255, 255, 0.45);
-  color: #492f00;
-  border: 1rpx solid rgba(255, 208, 97, 0.55);
+  color: #6d28d9;
+  border: 1rpx solid rgba(147, 51, 234, 0.55);
 }

 .fenyong-mark {
@@ -264,7 +264,7 @@
  text-align: center;
  font-size: 22rpx;
  font-weight: 700;
-  color: #492f00;
+  color: #4c1d95;
  background: rgba(255, 255, 255, 0.72);
  border-radius: 50%;
  margin-right: 8rpx;
--- a/styles/shangjia-xym-common.wxss
+++ b/styles/shangjia-xym-common.wxss
@@ -10,7 +10,7 @@
  min-height: 100vh;
  display: flex;
  flex-direction: column;
-  background: linear-gradient(180deg, #f7dc51 0%, #fff 28%, #fff8e1 100%);
+  background: linear-gradient(180deg, #c4b5fd 0%, #fff 28%, #f5f3ff 100%);
  box-sizing: border-box;
  overflow: hidden;
 }
@@ -49,13 +49,13 @@
  font-weight: 700;
  border: 2rpx solid #fff;
  border-radius: 60rpx;
-  background: linear-gradient(180deg, #fae04d, #ffc0a3);
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa);
  color: #492f00;
  white-space: nowrap;
 }

 .sj-btn-bg {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3);
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa);
  border-radius: 60rpx;
  color: #492f00;
  font-weight: 700;
@@ -66,7 +66,7 @@
  font-size: 20rpx;
  padding: 4rpx 12rpx;
  border-radius: 8rpx;
-  background: #ff9900;
+  background: #8b5cf6;
  color: #fff;
 }

@@ -74,7 +74,7 @@
  margin: 0 30rpx;
  padding: 24rpx 20rpx;
  border-radius: 26rpx;
-  background: #fef6d4;
+  background: #ede9fe;
 }

 .sj-w-label {
@@ -129,11 +129,11 @@
 }

 .sj-fadan-btn--regular {
-  background: linear-gradient(135deg, #fff8e1, #ffe0b2);
+  background: linear-gradient(135deg, #f5f3ff, #ddd6fe);
 }

 .sj-fadan-btn--custom {
-  background: linear-gradient(135deg, #fef6d4, #f5d563);
+  background: linear-gradient(135deg, #ede9fe, #c4b5fd);
 }

 .sj-fadan-title {
@@ -219,7 +219,7 @@
  text-align: center;
  padding: 16rpx 8rpx;
  border-radius: 12rpx;
-  background: linear-gradient(180deg, #fff8e1, #fef6d4);
+  background: linear-gradient(180deg, #f5f3ff, #ede9fe);
  font-size: 24rpx;
  color: #492f00;
  font-weight: 600;
--- a/styles/shangjia-xym-form.wxss
+++ b/styles/shangjia-xym-form.wxss
@@ -7,11 +7,11 @@
  padding: 24rpx;
  padding-bottom: 160rpx;
  box-sizing: border-box;
-  background: linear-gradient(180deg, #f7dc51 0%, #f5f5f5 18%, #f5f5f5 100%);
+  background: linear-gradient(180deg, #c4b5fd 0%, #f5f5f5 18%, #f5f5f5 100%);
 }

 .sj-form-theme .balance-card {
-  background: #fef6d4 !important;
+  background: #ede9fe !important;
  border-radius: 26rpx !important;
  padding: 28rpx 24rpx !important;
  margin-bottom: 20rpx !important;
@@ -76,7 +76,7 @@
 }

 .sj-form-theme .card-dot {
-  background: #ffd061 !important;
+  background: #9333ea !important;
 }

 .sj-form-theme .card-title,
@@ -108,12 +108,12 @@

 .sj-form-theme .type-chip--active,
 .sj-form-theme .type-active {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
  color: #492f00 !important;
  font-weight: 700 !important;
  border: none !important;
  transform: none !important;
-  box-shadow: 0 4rpx 12rpx rgba(255, 208, 97, 0.35) !important;
+  box-shadow: 0 4rpx 12rpx rgba(147, 51, 234, 0.35) !important;
 }

 .sj-form-theme .type-text {
@@ -161,11 +161,11 @@
 }

 .sj-form-theme .submit-btn {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
  color: #492f00 !important;
  border-radius: 44rpx !important;
  font-weight: 700 !important;
-  box-shadow: 0 6rpx 16rpx rgba(255, 208, 97, 0.35) !important;
+  box-shadow: 0 6rpx 16rpx rgba(147, 51, 234, 0.35) !important;
 }

 .sj-form-theme .submit-bar {
@@ -174,7 +174,7 @@
 }

 .sj-form-theme switch {
-  color: #ffd061 !important;
+  color: #9333ea !important;
 }

 .sj-form-theme .search-section {
@@ -197,7 +197,7 @@
 }

 .sj-form-theme .search-btn {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
  box-shadow: none !important;
 }

@@ -233,7 +233,7 @@
 .sj-form-theme .generate-grid-btn,
 .sj-form-theme .copy-grid-btn,
 .sj-form-theme .action-grid-btn {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
  color: #492f00 !important;
  border: 2rpx solid #fff !important;
  box-shadow: none !important;
@@ -250,7 +250,7 @@
 }

 .sj-form-theme .tutorial-btn {
-  background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
+  background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
  color: #492f00 !important;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1) !important;
 }