From 58dee48bb288786eb3e33e8986f657ab28fbff45 Mon Sep 17 00:00:00 2001
From: zpc <zpc1131@gamil.com>
Date: Tue, 3 Feb 2026 13:39:57 +0800
Subject: [PATCH] 323

---
 .kiro/settings/mcp.json                       |  6 +--
 .../page-container/page-container.vue         | 41 +++++++++++--------
 honey_box/package/mine/collect.vue            |  5 +--
 honey_box/package/mine/equity.vue             |  6 +--
 honey_box/pages/other/order_list.vue          | 36 ++++++++--------
 honey_box/pages/user/bi_jl.vue                |  2 +-
 honey_box/pages/user/change.vue               |  5 +--
 honey_box/pages/user/coupon.vue               |  3 +-
 honey_box/pages/user/hsjl.vue                 |  2 +-
 honey_box/pages/user/jf_jl.vue                |  2 +-
 honey_box/pages/user/order.vue                |  2 +-
 honey_box/pages/user/xfjl.vue                 |  2 +-
 honey_box/pages/user/yetx.vue                 |  2 +-
 honey_box/style/mixin.scss                    | 21 +++++++++-
 14 files changed, 77 insertions(+), 58 deletions(-)

diff --git a/.kiro/settings/mcp.json b/.kiro/settings/mcp.json
index 19d6a71f..3523f0e6 100644
--- a/.kiro/settings/mcp.json
+++ b/.kiro/settings/mcp.json
@@ -46,7 +46,7 @@
     "mysql": {
       "command": "node",
       "args": [
-        "D:/CodeManage/HaniBlindBox/server/scripts/mysql-mcp-server/index.js"
+        "D:/outsource/HaniBlindBox/server/scripts/mssql-mcp-server/index.js"
       ],
       "env": {
         "MYSQL_HOST": "192.168.195.16",
@@ -62,7 +62,7 @@
     "sqlserver": {
       "command": "node",
       "args": [
-        "D:/CodeManage/HaniBlindBox/server/scripts/mssql-mcp-server/index.js"
+        "D:/outsource/HaniBlindBox/server/scripts/mssql-mcp-server/index.js"
       ],
       "env": {
         "MSSQL_SERVER": "192.168.195.15",
@@ -78,7 +78,7 @@
     "admin-sqlserver": {
       "command": "node",
       "args": [
-        "D:/CodeManage/HaniBlindBox/server/scripts/mssql-mcp-server/index.js"
+        "D:/outsource/HaniBlindBox/server/scripts/mssql-mcp-server/index.js"
       ],
       "env": {
         "MSSQL_SERVER": "192.168.195.15",
diff --git a/honey_box/components/page-container/page-container.vue b/honey_box/components/page-container/page-container.vue
index 1c4d435f..8cb4be91 100644
--- a/honey_box/components/page-container/page-container.vue
+++ b/honey_box/components/page-container/page-container.vue
@@ -1,5 +1,5 @@
 <template>
-	<view class="page-container" :style="{ backgroundColor: backgroundColor }">
+	<view class="page-container" :style="containerStyle">
 		<nav-header 
 			:title="navTitle" 
 			:showBack="showBack" 
@@ -76,12 +76,17 @@ export default {
 		// 导航栏背景颜色
 		navBackgroundColor: {
 			type: String,
-			default: '#6BD4E2'
+			default: 'transparent'
 		},
-		// 页面背景颜色
+		// 页面背景颜色（支持渐变）
 		backgroundColor: {
 			type: String,
-			default: '#6BD4E2'
+			default: ''
+		},
+		// 是否使用渐变背景
+		useGradient: {
+			type: Boolean,
+			default: true
 		},
 		// 是否固定导航栏在顶部
 		fixed: {
@@ -101,7 +106,7 @@ export default {
 		// 是否显示分隔线
 		divider: {
 			type: Boolean,
-			default: true
+			default: false
 		},
 		// 导航栏高度
 		navHeight: {
@@ -122,19 +127,19 @@ export default {
 		}
 	},
 	computed: {
+		// 容器样式
+		containerStyle() {
+			if (this.backgroundColor) {
+				return 'background: ' + this.backgroundColor;
+			}
+			if (this.useGradient) {
+				return 'background: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%)';
+			}
+			return 'background-color: #F5F5F5';
+		},
 		// 内容区样式
 		contentStyle() {
-			let style = {
-				'padding-bottom': this.paddingBottom
-			};
-			
-			// 如果导航栏是固定定位，则需要为内容区添加顶部内边距
-			// if (this.fixed) {
-			// 	let paddingTop = this.statusBar ? (this.statusBarHeight + this.navbarHeight) : this.navbarHeight;
-			// 	style['padding-top'] = paddingTop + 'px';
-			// }
-			
-			return style;
+			return 'padding-bottom: ' + this.paddingBottom;
 		}
 	},
 	created() {
@@ -194,13 +199,13 @@ export default {
 	&__divider {
 		width: 100%;
 		height: 4rpx;
-		background-color: #6BD4E2; /* 使用较浅的灰色 */
+		background-color: rgba(0, 0, 0, 0.05);
 		position: relative;
 		top: 0;
 		left: 0;
 		right: 0;
 		z-index: 1;
-		margin-bottom: 10rpx; /* 在分割线下方添加一些间距 */
+		margin-bottom: 10rpx;
 	}
 }
 </style>
\ No newline at end of file
diff --git a/honey_box/package/mine/collect.vue b/honey_box/package/mine/collect.vue
index 04797728..5f9c5532 100644
--- a/honey_box/package/mine/collect.vue
+++ b/honey_box/package/mine/collect.vue
@@ -236,7 +236,7 @@ export default {
 
 <style lang="scss">
 .content {
-  background-color: #f7f7f7;
+  background: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
   min-height: 100vh;
 
   // 顶部标签栏
@@ -283,7 +283,6 @@ export default {
       background-color: #ffffff;
       border-radius: 16rpx;
       overflow: hidden;
-      box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
 
       .pic {
         width: 100%;
@@ -383,7 +382,7 @@ export default {
 
     .empty-text {
       font-size: 28rpx;
-      color: #999;
+      color: #8A8A8A;
     }
   }
 
diff --git a/honey_box/package/mine/equity.vue b/honey_box/package/mine/equity.vue
index ad37105c..7b4ad639 100644
--- a/honey_box/package/mine/equity.vue
+++ b/honey_box/package/mine/equity.vue
@@ -339,7 +339,7 @@
 <style lang="scss">
 	.content {
 		padding: 30rpx;
-		background-color: #F7F7F7;
+		background: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
 		min-height: 100vh;
 
 		.user-card {
@@ -406,12 +406,12 @@
 				display: flex;
 				justify-content: center;
 				align-items: center;
-				background: #333333;
+				background: #03D8F4;
 				border-radius: 16rpx;
 
 				text {
 					font-size: 20rpx;
-					color: #CDEF27;
+					color: #404040;
 				}
 			}
 
diff --git a/honey_box/pages/other/order_list.vue b/honey_box/pages/other/order_list.vue
index 7b45b6a6..038ddb14 100644
--- a/honey_box/pages/other/order_list.vue
+++ b/honey_box/pages/other/order_list.vue
@@ -106,11 +106,10 @@ export default {
 	padding: 20rpx;
 	
 	.order-item {
-		background-color: #f5f5f5;
-		border-radius: 12rpx;
-		padding: 24rpx;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 30rpx;
 		margin-bottom: 20rpx;
-		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
 		position: relative;
 		overflow: hidden;
 		
@@ -121,33 +120,32 @@ export default {
 			background-color: #67c23a;
 			color: #fff;
 			font-size: 20rpx;
-			padding: 2rpx 8rpx;
-			// transform: rotate(45deg) translate(20%, -50%);
-			transform-origin: center;
-			width: 160rpx;
-			text-align: center;
-			box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
+			padding: 6rpx 16rpx;
+			border-radius: 0 16rpx 0 16rpx;
 		}
 		
 		.order-title {
-			font-size: 32rpx;
-			font-weight: bold;
+			font-size: 30rpx;
+			font-weight: 500;
+			color: #333333;
 			margin-bottom: 16rpx;
+			padding-right: 160rpx;
 		}
 		
 		.order-info {
 			display: flex;
 			justify-content: space-between;
-			font-size: 28rpx;
-			color: #666;
+			align-items: center;
+			font-size: 24rpx;
 			
 			.order-time {
-				color: #909399;
+				color: #8A8A8A;
 			}
 			
 			.order-price {
-				color: #f56c6c;
-				font-weight: bold;
+				color: #03D8F4;
+				font-size: 32rpx;
+				font-weight: 600;
 			}
 		}
 	}
@@ -155,8 +153,8 @@ export default {
 	.loading, .no-more, .empty {
 		text-align: center;
 		padding: 30rpx;
-		color: #999;
-		font-size: 28rpx;
+		color: #8A8A8A;
+		font-size: 26rpx;
 	}
 }
 </style>
\ No newline at end of file
diff --git a/honey_box/pages/user/bi_jl.vue b/honey_box/pages/user/bi_jl.vue
index a56b24c4..3cc8466a 100644
--- a/honey_box/pages/user/bi_jl.vue
+++ b/honey_box/pages/user/bi_jl.vue
@@ -198,7 +198,7 @@
 		min-height: 100vh;
 		box-sizing: border-box;
 		// color: #fff;
-		background-color: #f7f7f7;
+		background: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
 
 		.head {
 			position: fixed;
diff --git a/honey_box/pages/user/change.vue b/honey_box/pages/user/change.vue
index b2e5717f..a18d27a4 100644
--- a/honey_box/pages/user/change.vue
+++ b/honey_box/pages/user/change.vue
@@ -304,11 +304,10 @@
 	.submit-btn {
 		width: 244rpx;
 		height: 72rpx;
-		background: #333333;
+		background: #03D8F4;
 		border-radius: 16rpx;
-		// border: 2rpx solid #ffffff;
 		font-size: 24rpx;
-		color: #D8FD24;
+		color: #404040;
 		margin: 200rpx auto 0;
 		display: flex;
 		align-items: center;
diff --git a/honey_box/pages/user/coupon.vue b/honey_box/pages/user/coupon.vue
index ea8909d6..95b79f72 100644
--- a/honey_box/pages/user/coupon.vue
+++ b/honey_box/pages/user/coupon.vue
@@ -165,7 +165,8 @@
 <style lang="scss">
 	.content {
 		padding: 0 0 30rpx;
-		background-color: #F7F7F7;
+		background: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
+		min-height: 100vh;
 
 		.tab-list {
 			display: flex;
diff --git a/honey_box/pages/user/hsjl.vue b/honey_box/pages/user/hsjl.vue
index e023ae9b..36af7746 100644
--- a/honey_box/pages/user/hsjl.vue
+++ b/honey_box/pages/user/hsjl.vue
@@ -210,7 +210,7 @@ export default {
   width: 100vw;
   min-height: 100vh;
   box-sizing: border-box;
-  background-color: #f7f7f7;
+  background: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
 
   .head {
     position: fixed;
diff --git a/honey_box/pages/user/jf_jl.vue b/honey_box/pages/user/jf_jl.vue
index a0785ff0..2319efb9 100644
--- a/honey_box/pages/user/jf_jl.vue
+++ b/honey_box/pages/user/jf_jl.vue
@@ -220,7 +220,7 @@
 		width: 100vw;
 		min-height: 100vh;
 		box-sizing: border-box;
-		background-color: #F7F7F7;
+		background: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
 		color: #fff;
 
 		.head {
diff --git a/honey_box/pages/user/order.vue b/honey_box/pages/user/order.vue
index 1474f835..6d9d2f6b 100644
--- a/honey_box/pages/user/order.vue
+++ b/honey_box/pages/user/order.vue
@@ -325,6 +325,6 @@
 		min-height: 100vh;
 		padding-top: 1rpx;
 		box-sizing: border-box;
-		background-color: #F7F7F7;
+		background: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
 	}
 </style>
\ No newline at end of file
diff --git a/honey_box/pages/user/xfjl.vue b/honey_box/pages/user/xfjl.vue
index 569f2c80..3f3bcf9e 100644
--- a/honey_box/pages/user/xfjl.vue
+++ b/honey_box/pages/user/xfjl.vue
@@ -147,7 +147,7 @@ export default {
 	min-height: 100vh;
 	box-sizing: border-box;
 	color: #fff;
-	background-color: #F7F7F7;
+	background: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
 
 	.head {
 		position: fixed;
diff --git a/honey_box/pages/user/yetx.vue b/honey_box/pages/user/yetx.vue
index 0e17b309..d7d6519b 100644
--- a/honey_box/pages/user/yetx.vue
+++ b/honey_box/pages/user/yetx.vue
@@ -232,7 +232,7 @@ export default {
   width: 100vw;
   min-height: 100vh;
   box-sizing: border-box;
-  background-color: #f7f7f7;
+  background: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
 
   .head {
     position: fixed;
diff --git a/honey_box/style/mixin.scss b/honey_box/style/mixin.scss
index af1fb0a5..3f82e72f 100644
--- a/honey_box/style/mixin.scss
+++ b/honey_box/style/mixin.scss
@@ -1,10 +1,27 @@
 @charset "utf-8";
 //主题色
-$themeColor: #ea552d;
+$themeColor: #03D8F4;
+$themeColorDark: #404040;
+
+// 页面渐变背景
+$pageBgGradient: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
+$pageBgColor: #F5F5F5;
+
+// 主题按钮背景
+@mixin themeBtnBg {
+	background: $themeColor;
+	color: $themeColorDark;
+}
+
+// 页面渐变背景
+@mixin pageGradientBg {
+	background: $pageBgGradient;
+	min-height: 100vh;
+}
 
 @mixin theme($type,$path:''){
 	@if $type == "btn_bg" {
-		background-image: linear-gradient(90deg, #ea552d 0%, #f19837 100%);
+		background: $themeColor;
 	} @else if $type == "unselected_img" {
 		background-image: url($path + "static/icon/ic_gender_unselected.png");
 	} @else if $type == "check_img" {