From acb32f324282e9d1cbf628b1c12db28a5c7f2653 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=A6=E6=98=9F=E6=98=9F?= <605893810@qq.com>
Date: Thu, 9 Jul 2026 11:07:31 +0800
Subject: [PATCH] 1

---
 common.scss                                |  580 +++---
 components/common/product-seckill-card.vue |  349 ++++
 pages/home/home.vue                        | 1884 ++++++++++----------
 3 files changed, 1643 insertions(+), 1170 deletions(-)
 create mode 100644 components/common/product-seckill-card.vue

diff --git a/common.scss b/common.scss
index 7c901f4..69392de 100644
--- a/common.scss
+++ b/common.scss
@@ -1,5 +1,5 @@
 /* 提交按钮，在文件内还需要重写一个样式，详情可见 mine_address_add.vue */
-.add_but{
+.add_but {
 	position: fixed;
 	bottom: 44rpx;
 	padding: 24rpx 0;
@@ -10,7 +10,8 @@
 	// background: $app-bt-bj;
 	background: linear-gradient(90deg, $app-bt-bj, #AE61FA);
 }
-.add_but_css{
+
+.add_but_css {
 	color: #fff;
 	// background: $app-bt-bj;
 	background: linear-gradient(90deg, $app-bt-bj, #AE61FA);
@@ -18,7 +19,8 @@
 	text-align: center;
 	border-radius: 16rpx;
 }
-.delete_but_css{
+
+.delete_but_css {
 	font-weight: 500;
 	font-size: 32rpx;
 	color: #FFFFFF;
@@ -28,7 +30,7 @@
 	padding: 24rpx 0;
 }
 
-.add_but_{
+.add_but_ {
 	padding: 24rpx 0;
 	text-align: center;
 	border-radius: 16rpx;
@@ -39,125 +41,149 @@
 }
 
 /* 表单添加 start ，一行显示，input没有背景色 使用地方有：实名认证，添加地址，商家入驻*/
-.add_form_item{
+.add_form_item {
 	display: flex;
 	align-items: center;
 	line-height: 100rpx;
 }
-.add_form_title{
+
+.add_form_title {
 	margin-right: 20rpx;
 	font-weight: bold;
 	font-size: 28rpx;
 	color: #333333;
 	width: 170rpx;
 }
-.add_form_item_but{
+
+.add_form_item_but {
 	border-bottom: 1rpx solid #EEEEEEFF;
 }
+
 /* 表单添加 end ，一行显示，input没有背景色 */
 
 /* 上传证件照 start 使用地方有：实名认证，商家入驻 */
-.data_common_warp{
+.data_common_warp {
 	background: #FFFFFF;
 	border-radius: 30rpx;
 	padding: 30rpx;
 	margin-bottom: 30rpx;
 }
-.data_msg{
+
+.data_msg {
 	font-weight: 500;
 	font-size: 26rpx;
 	color: #F34343;
 	margin-bottom: 20rpx;
 }
-.ID_card_title{
+
+.ID_card_title {
 	font-weight: 500;
 	font-size: 30rpx;
 	color: #333333;
 }
-.ID_card_msg{
+
+.ID_card_msg {
 	font-weight: 500;
 	font-size: 24rpx;
 	color: #999999;
 	margin-top: 10rpx;
 }
-.ID_card_upload{
+
+.ID_card_upload {
 	display: flex;
 	justify-content: space-between;
 	margin-top: 20rpx;
 }
-.upload_item{
+
+.upload_item {
 	width: 42%;
 	background: #F8F8F8;
 	border-radius: 10rpx;
 	text-align: center;
 	padding: 20rpx 20rpx;
-	
+
 }
-.upload_msg{
+
+.upload_msg {
 	font-weight: 500;
 	font-size: 24rpx;
 	color: #525357;
 	margin-top: 10rpx;
 }
-.ID_card_upload_templ{
+
+.ID_card_upload_templ {
 	margin-top: 20rpx;
-	
+
 }
-.templ_title{
+
+.templ_title {
 	font-weight: 500;
 	font-size: 28rpx;
 	color: #333333;
 }
-.templ_img_list{
+
+.templ_img_list {
 	display: flex;
-	justify-content:space-between;
+	justify-content: space-between;
 	margin-top: 20rpx;
 }
-.templ_img_item{
+
+.templ_img_item {
 	width: 22%;
 }
-.templ_img_item_msg{
+
+.templ_img_item_msg {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }
-.templ_img_item_msg_title{
+
+.templ_img_item_msg_title {
 	margin-left: 10rpx;
 	font-weight: 500;
 	font-size: 20rpx;
 	color: #333333;
 }
+
 /* 上传证件照 end 使用地方有：实名认证，商家入驻 */
 
 /*订单商品列表 start 使用地方有订单列表，订单详情列表*/
-.order_item_content{
+.order_item_content {
 	font-weight: 500;
 	margin-left: 20rpx;
 }
 
-.content_item{
+.content_item {
 	display: flex;
 	justify-content: space-between;
 	margin-top: 20rpx;
 }
-.content_info{
+
+.content_info {
 	margin-left: 20rpx;
 	width: calc(100% - 260rpx);
 }
-.content_info_title{
+
+.content_info_title {
 	font-size: 26rpx;
 	color: #222222;
-	width: 200px; /* 设置容器宽度 */
-	white-space: nowrap; /* 防止文本换行 */
-	overflow: hidden; /* 隐藏溢出的文本 */
-	text-overflow: ellipsis; /* 显示省略号 */
+	width: 200px;
+	/* 设置容器宽度 */
+	white-space: nowrap;
+	/* 防止文本换行 */
+	overflow: hidden;
+	/* 隐藏溢出的文本 */
+	text-overflow: ellipsis;
+	/* 显示省略号 */
 }
-.content_info_tag{
+
+.content_info_tag {
 	font-size: 24rpx;
 	color: #BBBBBB;
 	margin: 10rpx 0;
 }
-.content_info_description{
+
+.content_info_description {
 	border-radius: 6rpx;
 	border: 1px solid #99999942;
 	padding: 4rpx 10rpx;
@@ -166,16 +192,18 @@
 	margin-right: 10rpx;
 }
 
-.content_right{
+.content_right {
 	text-align: right;
-	
+
 }
-.content_right_total{
+
+.content_right_total {
 	font-weight: bold;
 	font-size: 20rpx;
 	color: #1A1A1A;
 }
-.content_right_quantity{
+
+.content_right_quantity {
 	font-weight: 500;
 	font-size: 24rpx;
 	color: #999999;
@@ -184,11 +212,12 @@
 /*订单商品列表 end 使用地方有：订单列表，订单详情列表*/
 
 /*订单商品操作按钮 start 使用地方有：订单列表，订单详情列表*/
-.collect_operate{
+.collect_operate {
 	display: flex;
 	justify-content: flex-end;
 	margin-top: 20rpx;
-	.operate_comm{
+
+	.operate_comm {
 		font-weight: 500;
 		font-size: 24rpx;
 		padding: 16rpx 0;
@@ -198,14 +227,17 @@
 		width: 160rpx;
 		text-align: center;
 	}
-	.operate_but_1{
+
+	.operate_but_1 {
 		border: 1px solid #767676;
 	}
-	.operate_but_2{
+
+	.operate_but_2 {
 		background: $app-bt-bj;
 		color: #ffffff;
 	}
-	.operate_but_3{
+
+	.operate_but_3 {
 		border: 1px solid $app-bt-bj;
 		color: $app-bt-bj;
 	}
@@ -215,72 +247,82 @@
 /*订单商品操作按钮 end 使用地方有：订单列表，订单详情列表*/
 
 
-.purse_info_item{
+.purse_info_item {
 	display: flex;
 	justify-content: space-between;
 	margin-bottom: 10rpx;
 	border-bottom: 1rpx solid #EEEEEEFF;
 	padding: 10rpx 0;
 }
-.purse_info_left{
+
+.purse_info_left {
 	display: flex;
 	align-items: center;
 }
-.purse_info_right{
+
+.purse_info_right {
 	line-height: 40rpx;
 }
-.purse_data_warp{
+
+.purse_data_warp {
 	margin-left: 20rpx;
 	line-height: 40rpx;
 }
-.purse_info_name{
+
+.purse_info_name {
 	font-weight: bold;
 	font-size: 28rpx;
 	color: #333333;
 }
-.purse_info_value{
+
+.purse_info_value {
 	font-weight: 400;
 	font-size: 24rpx;
 	color: #666666;
 	text-align: right;
 }
-.purse_info_title{
+
+.purse_info_title {
 	font-weight: bold;
 	font-size: 36rpx;
 	color: #111111;
 }
 
 // 为空的页面展示 start 使用页面有：我的订单，购物车
-.not_order_warp{
+.not_order_warp {
 	display: grid;
 	justify-content: center;
 	margin: 60rpx;
 	width: calc(100% - 120rpx);
 	text-align: center;
-	.not_order_warp_img{
+
+	.not_order_warp_img {
 		text-align: center;
 	}
-	.not_order_msg_warp{
+
+	.not_order_msg_warp {
 		font-size: 28rpx;
 		color: #808080;
 		margin-top: 42rpx;
 	}
 }
+
 // 为空的页面展示 end 使用页面有：我的订单，购物车
 
 // 获取验证码的文案 start 使用页面：登录注册
-.code_msg{
+.code_msg {
 	font-size: 36rpx;
 	color: $app-bt-bj;
 }
-.code-warp{
+
+.code-warp {
 	width: 30%;
 	text-align: right;
 	display: flex;
 	justify-content: flex-end;
 }
 
-.login_comm_but{
+.login_comm_but {
 	background: #CCCCCC;
 	border-radius: 20rpx;
 	width: 100%;
@@ -290,11 +332,13 @@
 	color: #999999;
 	padding: 28rpx 0;
 }
-.login_comm_but_yes{
+
+.login_comm_but_yes {
 	background: $app-bt-bj;
 	color: #ffffff;
 }
-.policy_warp{
+
+.policy_warp {
 	font-weight: 500;
 	font-size: 26rpx;
 	color: #999999;
@@ -302,31 +346,36 @@
 	bottom: 24rpx;
 	// height: 210rpx;
 	width: calc(100% - 80rpx);
-	.policy_a_warp{
+
+	.policy_a_warp {
 		color: $app-policy-color;
 	}
 }
+
 // 获取验证码的文案 end 使用页面：登录注册
 
 // 哈希优选，爆款专区的公共样式 start
-.preference_warp{
+.preference_warp {
 	height: 100vh;
 	overflow: hidden;
 	background: $app-bj;
 }
+
 // 搜索页面也有用
-.header_comm{
+.header_comm {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	padding: 114rpx 30rpx 20rpx;
 	background-color: #FFFFFF;
 }
-.preference_content_warp{
+
+.preference_content_warp {
 	height: calc(100vh - 238rpx);
 	overflow: auto;
 }
-.preference_title{
+
+.preference_title {
 	margin: 40rpx 0;
 	font-weight: bold;
 	font-size: 32rpx;
@@ -334,22 +383,27 @@
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	.msg{
+
+	.msg {
 		margin: 14rpx 40rpx 0rpx;
 	}
 }
-.preference_product{
+
+.preference_product {
 	padding: 30rpx;
-	.product_item{
+
+	.product_item {
 		margin-bottom: 20rpx;
 		background: #FFFFFF;
 		border-radius: 16rpx;
 		padding: 18rpx;
 		display: flex;
 	}
-	.product_item_left{
+
+	.product_item_left {
 		position: relative;
-		.product_item_left_bz{
+
+		.product_item_left_bz {
 			position: absolute;
 			top: -6rpx;
 			left: -10rpx;
@@ -360,37 +414,43 @@
 			justify-content: center;
 			align-items: center;
 		}
-		
+
 	}
-	
-	.product_item_right{
+
+	.product_item_right {
 		margin-left: 20rpx;
 		display: grid;
 		width: calc(100% - 174rpx);
-		.title_warp{
+
+		.title_warp {
 			font-weight: bold;
 			font-size: 28rpx;
 			color: #000000;
 		}
-		.price_warp{
+
+		.price_warp {
 			display: flex;
 			align-items: flex-end;
 		}
-		.price_o_warp{
+
+		.price_o_warp {
 			width: 32%;
 			border-radius: 8rpx;
 			height: 54rpx;
 			padding: 10rpx 18rpx;
 		}
-		.price_o_title_warp{
+
+		.price_o_title_warp {
 			font-weight: 500;
 			font-size: 20rpx;
 		}
-		.price_o_value_warp{
+
+		.price_o_value_warp {
 			font-weight: bold;
 			font-size: 22rpx;
 		}
-		.price_zq_warp{
+
+		.price_zq_warp {
 			width: 66%;
 			text-align: center;
 			border-radius: 8rpx;
@@ -399,14 +459,15 @@
 			padding: 10rpx;
 			height: 82rpx;
 		}
-		.price_lj_warp{
+
+		.price_lj_warp {
 			border-radius: 4rpx;
 			font-weight: bold;
 			font-size: 20rpx;
 			padding: 6rpx;
 		}
-		.price_ds_warp{
-		}
+
+		.price_ds_warp {}
 	}
 }
 
@@ -422,35 +483,39 @@
 	justify-content: center;
 
 	&__text {
-		 color: #FFFFFF;
-		 font-size: 12px;
-	 }
+		color: #FFFFFF;
+		font-size: 12px;
+	}
 }
-::v-deep{
-	.u-swiper__indicator{
-			right: 20rpx;
+
+::v-deep {
+	.u-swiper__indicator {
+		right: 20rpx;
 	}
 }
 
 // 轮播图的页码 end 使用地方：首页，产品详情
 
 // 购买的数量 + - start 使用地方：购物车，加入购物车，购买页面
-.shopping_info_quantity{
+.shopping_info_quantity {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 }
-.quantity_but{
+
+.quantity_but {
 	background: #F6F6F6;
 	border-radius: 10rpx;
 	padding: 8rpx 20rpx;
 }
-.quantity_value{
+
+.quantity_value {
 	margin: 0 30rpx;
 }
+
 // 购买的数量 + - end 使用地方：购物车，加入购物车，购买页面
 // 去支付的样式 start 使用地方：提交订单，订单详情，去支付
-.order_way_warp{
+.order_way_warp {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -461,48 +526,57 @@
 	font-weight: 500;
 	font-size: 26rpx;
 	color: #222222;
-	.order_way_right{
+
+	.order_way_right {
 		display: flex;
 	}
 }
-.way_popup_warp{
+
+.way_popup_warp {
 	padding: 30rpx;
 	min-height: 800rpx;
 	width: calc(100% - 60rpx);
 }
-.way_popup_title{
+
+.way_popup_title {
 	text-align: center;
 	margin-bottom: 60rpx;
 }
-.way_item{
+
+.way_item {
 	display: flex;
 	justify-content: space-between;
+
 	// line-height: 82rpx;
-	.way_item_{
+	.way_item_ {
 		// display: flex;
 		// align-items: center;
 	}
-	.way_item_val{
+
+	.way_item_val {
 		font-weight: bold;
 		font-size: 30rpx;
 		color: #222222;
 		margin-left: 20rpx;
 	}
 }
-.balance_comm_msg{
+
+.balance_comm_msg {
 	margin-left: 20rpx;
 	color: red;
 	font-size: 18rpx;
 	margin-top: 6rpx;
 }
-.go_balance_comm_warp{
-	border:1rpx solid $app-bt-bj;
+
+.go_balance_comm_warp {
+	border: 1rpx solid $app-bt-bj;
 	color: $app-bt-bj;
 	padding: 10rpx 14rpx;
 	font-size: 16rpx;
 	border-radius: 10rpx;
 }
-.popup_but{
+
+.popup_but {
 	position: fixed;
 	bottom: 64rpx;
 	background: $app-bt-bj;
@@ -512,32 +586,37 @@
 	padding: 20rpx 0;
 	width: calc(100% - 60rpx);
 }
+
 // 去支付的样式 end 使用地方：提交订单，订单详情，去支付
 
 // 添加地址的样式 start 使用地方：添加地址，领取奖品
-.address_add_warp{
+.address_add_warp {
 	height: calc(100vh - 58rpx);
 	background-color: $app-bj;
 	padding: 30rpx;
 }
-.address_form{
+
+.address_form {
 	background: #FFFFFF;
 	border-radius: 24rpx;
 	padding: 0 30rpx 30rpx;
 }
-.region_warp{
+
+.region_warp {
 	display: flex;
 	justify-content: space-between;
 	width: calc(100% - 160rpx);
 }
-.address_default{
+
+.address_default {
 	background: #FFFFFF;
 	border-radius: 24rpx;
 	padding: 30rpx;
 	display: flex;
 	justify-content: space-between;
 	margin-top: 30rpx;
-	.title{
+
+	.title {
 		font-weight: bold;
 		font-size: 28rpx;
 		color: #222222;
@@ -548,82 +627,98 @@
 
 // 选择地址的弹框 start 使用地方：提交订单，领取奖品
 
-.address_popup_warp{
+.address_popup_warp {
 	padding: 30rpx;
 	height: 1200rpx;
 	overflow-y: hidden;
-	.address_popup_title{
+
+	.address_popup_title {
 		text-align: center;
 		margin-bottom: 20rpx;
 	}
-	.address_popup_content{
+
+	.address_popup_content {
 		height: calc(100% - 180rpx);
 		overflow-y: auto;
 	}
-	.address_popup_content_add{
+
+	.address_popup_content_add {
 		text-align: right;
-		margin:10rpx 0 20rpx;
+		margin: 10rpx 0 20rpx;
 	}
 }
+
 // 选择地址的弹框 end 
-	
+
 // 分类 :start 使用地方：首页，哈希联盟
-.sort_comm_warp{
+.sort_comm_warp {
 	background: #ffffff;
 	padding: 20rpx;
+	height: 170rpx;
 	border-radius: 20rpx;
+	box-sizing: border-box;
 	display: flex;
 	flex-wrap: wrap;
+	align-items: center;
 	justify-content: space-between;
-	
-	.sort_item_comm{
-		width: 18%;
+
+	.sort_item_comm {
+		flex: 1;
 		text-align: center;
 		margin-bottom: 20rpx;
 	}
-	.sort_item_title_comm{
+
+	.sort_item_title_comm {
 		font-weight: 500;
 		font-size: 22rpx;
 		color: #333333;
 	}
 }
+
 // 分类 :end 
 
 // 未开放弹框 :start
-.slot-content{
+.slot-content {
 	text-align: center;
 	width: 100%;
 	position: relative;
-	.close_warp{
+
+	.close_warp {
 		position: absolute;
 		right: 0rpx;
 		top: 0rpx;
 	}
-	.content_{}
-	.content_1{
+
+	.content_ {}
+
+	.content_1 {
 		font-weight: bold;
 		font-size: 36rpx;
 		color: #111111;
 	}
-	.content_2{
+
+	.content_2 {
 		font-weight: 500;
 		font-size: 28rpx;
 		color: #111111;
 		margin-top: 30rpx;
 	}
-	.content_3{ 
+
+	.content_3 {
 		background: #EEEEEE;
 		border-radius: 20rpx;
-		padding:20rpx;
+		padding: 20rpx;
 		font-weight: bold;
 		font-size: 50rpx;
 		color: #111111;
 		text-align: center;
 		margin-top: 20rpx;
 	}
-	.but_{
+
+	.but_ {
 		margin-top: 40rpx;
-		.but_copy{
+
+		.but_copy {
 			background: $app-bt-bj;
 			border-radius: 45rpx;
 			font-weight: bold;
@@ -631,7 +726,8 @@
 			color: #FFFFFF;
 			padding: 20rpx 0;
 		}
-		.but_close{
+
+		.but_close {
 			font-weight: bold;
 			font-size: 28rpx;
 			color: #666666;
@@ -639,63 +735,73 @@
 		}
 	}
 }
-	
+
 // 未开放弹框 end
 
 
 // 现金余额充值 start 
-.purse_recharge_warp{
+.purse_recharge_warp {
 	background-color: $app-bj;
 	height: 100%;
 	overflow: auto;
-	.purse_recharge_cntent{
+
+	.purse_recharge_cntent {
 		padding: 30rpx;
 	}
-	.recharge_balance{
+
+	.recharge_balance {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
 		background: $app-bt-bj;
-		box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.06);
+		box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 0, 0, 0.06);
 		border-radius: 8rpx;
 		padding: 0 34rpx;
 		height: 140rpx;
-		
+
 	}
-	.recharge_balance_image{
+
+	.recharge_balance_image {
 		display: flex;
 		align-items: center;
-		.msg_{
+
+		.msg_ {
 			font-size: 31rpx;
-			color: rgba(255,255,255,0.9);
+			color: rgba(255, 255, 255, 0.9);
 			line-height: 42rpx;
 			margin-left: 10rpx;
 		}
 	}
-	.recharge_balance_{
+
+	.recharge_balance_ {
 		font-weight: 600;
 		font-size: 46rpx;
-		color: rgba(255,255,255,0.9);
+		color: rgba(255, 255, 255, 0.9);
 		line-height: 63rpx;
 	}
-	.form_item{
+
+	.form_item {
 		margin-top: 50rpx;
-		.form_item_title{
+
+		.form_item_title {
 			font-weight: 500;
 			font-size: 31rpx;
-			color: rgba(0,0,0,0.85);
+			color: rgba(0, 0, 0, 0.85);
 			line-height: 42rpx;
 		}
-		.recharge_way_warp{
+
+		.recharge_way_warp {
 			background: #FFFFFF;
-			box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.06);
+			box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 0, 0, 0.06);
 			border-radius: 8rpx;
 			padding: 20rpx;
 			margin-top: 20rpx;
-			.way_item_but{
-				border-bottom: 1rpx solid rgba(0,0,0,0.26);
+
+			.way_item_but {
+				border-bottom: 1rpx solid rgba(0, 0, 0, 0.26);
 			}
-			.way_item_{
+
+			.way_item_ {
 				// margin-bottom: 20rpx;
 			}
 		}
@@ -706,60 +812,61 @@
 
 
 // 更新软件 start
-::v-deep(uni-page-body){
-    height: 100%;
+::v-deep(uni-page-body) {
+	height: 100%;
 }
 
-.up_content{
+.up_content {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
+
 	// background-color: #111111;
 	#img {
-	    width: 100%;
-	    height: 100%;
-	}
-	
-	.content .con {
-	    font-size: 0;
-	    display: flex;
-	    align-items: center;
-	}
-	
-	
-	#info {
-	    position: absolute;
-	    top: 0;
-	    left: 0;
-	    width: 72rpx;
-	    height: 72rpx;
-	    line-height: 72rpx;
-	    border-radius: 50%;
-	    background-color: rgba(0, 0, 0, 0.3);
-	    text-align: center;
-	    color: #fff;
-	    font-size: 24rpx;
-	}
-	
-	
-	.wrapper {
-	    width: 36rpx;
-	    height: 72rpx;
-	    position: absolute;
-	    top: 0;
-	    overflow: hidden;
-	}
-	
-	.right {
-	    right: 0;
-	}
-	
-	.left {
-	    left: 0;
+		width: 100%;
+		height: 100%;
 	}
 
-	
+	.content .con {
+		font-size: 0;
+		display: flex;
+		align-items: center;
+	}
+
+
+	#info {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 72rpx;
+		height: 72rpx;
+		line-height: 72rpx;
+		border-radius: 50%;
+		background-color: rgba(0, 0, 0, 0.3);
+		text-align: center;
+		color: #fff;
+		font-size: 24rpx;
+	}
+
+
+	.wrapper {
+		width: 36rpx;
+		height: 72rpx;
+		position: absolute;
+		top: 0;
+		overflow: hidden;
+	}
+
+	.right {
+		right: 0;
+	}
+
+	.left {
+		left: 0;
+	}
+
+
 	/* 弹出层形式的广告 */
 	.uni-banner {
 		width: 540rpx;
@@ -767,101 +874,110 @@
 		background: url(https://static.tbmall.xin/static/version-tip.png) no-repeat;
 		background-size: 100% 100%;
 	}
-	.close_btn{
+
+	.close_btn {
 		position: absolute;
 		top: 0;
 		right: 0;
 		width: 48rpx;
 		height: 48rpx;
 	}
+
 	.banner_box {
 		// margin-top:140rpx;
 		height: 700rpx;
-		padding:40rpx;
+		padding: 40rpx;
 		width: 88%;
 	}
+
 	.title_ {
-	    text-align: center;
-	    line-height: 96rpx;
-	    font-size: 56rpx;
-	    color: #fff;
-	    font-weight: bold;
+		text-align: center;
+		line-height: 96rpx;
+		font-size: 56rpx;
+		color: #fff;
+		font-weight: bold;
 	}
-	.version_{
+
+	.version_ {
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		margin-top:10rpx;
-		.version_item{
+		margin-top: 10rpx;
+
+		.version_item {
 			background: #FFFFFF;
 			border-radius: 30rpx;
-			color:$app-bt-bj;
-			padding:8rpx 20rpx;
+			color: $app-bt-bj;
+			padding: 8rpx 20rpx;
 			font-size: 30rpx;
 		}
 	}
+
 	.conter {
-	    font-size: 28rpx;
+		font-size: 28rpx;
 		margin-top: 280rpx;
-	    color: #333;
-		height:280rpx;
+		color: #333;
+		height: 280rpx;
 		overflow: auto;
 		// width: calc(100% - 40rpx);
 	}
-	
+
 	.banner_foot {
-	    margin: 0 auto;
+		margin: 0 auto;
 	}
-	
+
 	.banner_foot_button {
-		background: linear-gradient( 270deg, #B164FB 0%, #7934F6 100%);
-        border-radius: 16rpx;
-	    line-height: 72rpx;
-	    height: 80rpx;
-	    font-size: 32rpx;
+		background: linear-gradient(270deg, #B164FB 0%, #7934F6 100%);
+		border-radius: 16rpx;
+		line-height: 72rpx;
+		height: 80rpx;
+		font-size: 32rpx;
 		width: 440rpx;
-	    color: #fff;
-	    font-weight: bold;
-	    border: none;
-	    // box-shadow: 0 8rpx 20rpx 0 $app-zt-color;
-		margin-bottom:20rpx;
+		color: #fff;
+		font-weight: bold;
+		border: none;
+		// box-shadow: 0 8rpx 20rpx 0 $app-zt-color;
+		margin-bottom: 20rpx;
 	}
-	
+
 	.banner_foot_button:active {
-	    background-image: linear-gradient(to right, $app-zt-color, $app-zt-color);
+		background-image: linear-gradient(to right, $app-zt-color, $app-zt-color);
 	}
-	.banner_foot_button_no{
+
+	.banner_foot_button_no {
 		font-size: 23rpx;
-		color: rgba(0,0,0,0.26);
+		color: rgba(0, 0, 0, 0.26);
 		line-height: 33rpx;
 		text-align: center;
 	}
-	
+
 	.uni-mask {
-	    background: rgba(0, 0, 0, 0.6);
-	    position: fixed;
-	    width: 100%;
-	    height: 100%;
-	    left: 0;
-	    top: 0;
-	    z-index: 2;
+		background: rgba(0, 0, 0, 0.6);
+		position: fixed;
+		width: 100%;
+		height: 100%;
+		left: 0;
+		top: 0;
+		z-index: 2;
 	}
-	.banner_loading_msg{
+
+	.banner_loading_msg {
 		text-align: center;
 		font-size: 26rpx;
-		color: rgba(0,0,0,0.26);
+		color: rgba(0, 0, 0, 0.26);
 		margin-top: 10rpx;
 	}
 }
 
 // 更新软件 end
 
-.header_{
+.header_ {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	padding: 74rpx 20rpx 20rpx;
-	.title_{
+
+	.title_ {
 		// font-weight: bold;
 		font-size: 36rpx;
 		color: #000000;
diff --git a/components/common/product-seckill-card.vue b/components/common/product-seckill-card.vue
new file mode 100644
index 0000000..0760cb4
--- /dev/null
+++ b/components/common/product-seckill-card.vue
@@ -0,0 +1,349 @@
+<template>
+	<view class="seckill_card_container" @click="$emit('click', item)">
+		<!-- Left side image with optional countdown overlay -->
+		<view class="seckill_card_left">
+			<up-image :src="item.url || item.image || item.accessUrl" width="220rpx" height="220rpx" bgColor="#f1f6ff00" shape="square" radius="16rpx"></up-image>
+			<view class="countdown_bar" v-if="showCountdown && countdownText">
+				<text class="countdown_text">{{ countdownText }}</text>
+			</view>
+		</view>
+
+		<!-- Right side content -->
+		<view class="seckill_card_right">
+			<!-- Tags row (Placeholders, toggleable via item flags) -->
+			<view class="tags_row">
+				<view class="tag_badge seckill" v-if="isSeckill">限时秒杀</view>
+				<view class="tag_badge limit" v-if="isLimitTime">限时</view>
+				<view class="tag_badge special" v-if="isSpecialSupply">
+					<view class="vip_icon">V</view>特供
+				</view>
+			</view>
+
+			<!-- Title -->
+			<view class="product_title">{{ item.title || '商品名称' }}</view>
+
+			<!-- Coupon tag (秒杀券立减) -->
+			<view class="coupon_row" v-if="hasCoupon">
+				<view class="coupon_badge">
+					<text class="flash_icon">⚡</text>
+					<text class="coupon_text">秒杀券立减{{ item.couponAmount || '8.8' }}元</text>
+				</view>
+			</view>
+
+			<!-- Price and action card row -->
+			<view class="price_action_row">
+				<view class="price_section">
+					<text class="price_symbol">¥</text>
+					<text class="price_integer">{{ priceParts.integer }}</text>
+					<text class="price_decimal">.{{ priceParts.decimal }}</text>
+					<text class="original_price">¥{{ item.originalPrice || item.price || '0.00' }}</text>
+				</view>
+				<!-- Alarm clock button -->
+				<view class="alarm_btn_wrapper" @click.stop="$emit('action', item)">
+					<up-image src="https://static.tbmall.xin/static/new-home/home_3.png" width="36rpx" height="36rpx" bgColor="#f1f6ff00"></up-image>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	name: "product-seckill-card",
+	props: {
+		// Product details object
+		item: {
+			type: Object,
+			default: () => ({})
+		},
+		// Control showing countdown bar
+		showCountdown: {
+			type: Boolean,
+			default: true
+		},
+		// Time object containing startTime and endTime timestamps
+		timeObj: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	data() {
+		return {
+			countdownText: "",
+			timer: null,
+			now: Date.now()
+		};
+	},
+	watch: {
+		timeObj: {
+			immediate: true,
+			deep: true,
+			handler() {
+				this.startCountdown();
+			}
+		}
+	},
+	computed: {
+		priceParts() {
+			const price = String(this.item.price || '0.00');
+			const parts = price.split('.');
+			return {
+				integer: parts[0] || '0',
+				decimal: parts[1] || '00'
+			};
+		},
+		hasCoupon() {
+			return this.item.couponAmount !== undefined || this.item.couponText !== undefined;
+		},
+		isSeckill() {
+			return this.item.isSeckill !== undefined ? this.item.isSeckill : true;
+		},
+		isLimitTime() {
+			return this.item.isLimitTime !== undefined ? this.item.isLimitTime : true;
+		},
+		isSpecialSupply() {
+			return this.item.isSpecialSupply !== undefined ? this.item.isSpecialSupply : true;
+		}
+	},
+	beforeDestroy() {
+		this.clearTimer();
+	},
+	methods: {
+		startCountdown() {
+			this.clearTimer();
+			this.updateCountdown();
+			this.timer = setInterval(() => {
+				this.now = Date.now();
+				this.updateCountdown();
+			}, 1000);
+		},
+		updateCountdown() {
+			if (!this.timeObj || !this.timeObj.startTime || !this.timeObj.endTime) {
+				this.countdownText = "";
+				return;
+			}
+			const now = Date.now();
+			const startTime = Number(this.timeObj.startTime);
+			const endTime = Number(this.timeObj.endTime);
+
+			if (now < startTime) {
+				const diff = startTime - now;
+				this.countdownText = `秒杀专享 ${this.formatDuration(diff)} 后开始`;
+			} else if (now >= startTime && now <= endTime) {
+				const diff = endTime - now;
+				this.countdownText = `秒杀专享 ${this.formatDuration(diff)} 后结束`;
+			} else {
+				this.countdownText = "已结束";
+			}
+		},
+		formatDuration(ms) {
+			let totalSeconds = Math.floor(ms / 1000);
+			if (totalSeconds < 0) totalSeconds = 0;
+
+			const hours = Math.floor(totalSeconds / 3600);
+			const minutes = Math.floor((totalSeconds % 3600) / 60);
+			const seconds = totalSeconds % 60;
+
+			const pad = (num) => String(num).padStart(2, '0');
+			return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+		},
+		clearTimer() {
+			if (this.timer) {
+				clearInterval(this.timer);
+				this.timer = null;
+			}
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.seckill_card_container {
+	display: flex;
+	padding: 24rpx;
+	background-color: #ffffff;
+	border-radius: 24rpx;
+	margin-bottom: 20rpx;
+	box-sizing: border-box;
+	width: 100%;
+}
+
+.seckill_card_left {
+	position: relative;
+	width: 220rpx;
+	height: 220rpx;
+	flex-shrink: 0;
+	border-radius: 16rpx;
+	overflow: hidden;
+}
+
+.countdown_bar {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	background: rgba(109, 63, 10, 0.9); // Dark bronze/brown background
+	padding: 6rpx 0;
+	text-align: center;
+}
+
+.countdown_text {
+	color: #ffffff;
+	font-size: 18rpx;
+	font-weight: bold;
+}
+
+.seckill_card_right {
+	flex: 1;
+	margin-left: 24rpx;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	min-width: 0;
+}
+
+.tags_row {
+	display: flex;
+	align-items: center;
+	margin-bottom: 8rpx;
+}
+
+.tag_badge {
+	font-size: 18rpx;
+	font-weight: bold;
+	padding: 4rpx 10rpx;
+	border-radius: 6rpx;
+	display: flex;
+	align-items: center;
+	line-height: 1;
+	margin-right: 12rpx;
+
+	&:last-child {
+		margin-right: 0;
+	}
+
+	&.seckill {
+		background-color: #ff1212;
+		color: #ffffff;
+		border: 1rpx dashed #ffffff;
+	}
+
+	&.limit {
+		background-color: #ae61fa;
+		color: #ffffff;
+	}
+
+	&.special {
+		background-color: #333333;
+		color: #e2d2b2; // Gold/bronze text color
+		border: 1rpx solid #e2d2b2;
+		padding: 3rpx 10rpx;
+	}
+}
+
+.vip_icon {
+	color: #ffffff;
+	background: #ffb100;
+	border-radius: 50%;
+	width: 18rpx;
+	height: 18rpx;
+	font-size: 14rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-right: 6rpx;
+	font-weight: 900;
+}
+
+.product_title {
+	font-size: 28rpx;
+	color: #111111;
+	font-weight: bold;
+	line-height: 40rpx;
+	word-break: break-all;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+	margin-bottom: 12rpx;
+}
+
+.coupon_row {
+	display: flex;
+	margin-bottom: 12rpx;
+}
+
+.coupon_badge {
+	background: linear-gradient(90deg, #b164fb 0%, #7632ff 100%);
+	color: #ffffff;
+	font-size: 20rpx;
+	font-weight: bold;
+	padding: 6rpx 16rpx;
+	border-radius: 8rpx;
+	display: flex;
+	align-items: center;
+}
+
+.flash_icon {
+	margin-right: 6rpx;
+	color: #ffdd00;
+}
+
+.price_action_row {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	background-color: #f1ebff; // Light purple box background
+	padding: 10rpx 20rpx;
+	border-radius: 16rpx;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+.price_section {
+	display: flex;
+	align-items: baseline;
+}
+
+.price_symbol {
+	font-size: 24rpx;
+	color: #7632ff;
+	font-weight: bold;
+	margin-right: 4rpx;
+}
+
+.price_integer {
+	font-size: 40rpx;
+	color: #7632ff;
+	font-weight: bold;
+}
+
+.price_decimal {
+	font-size: 28rpx;
+	color: #7632ff;
+	font-weight: bold;
+}
+
+.original_price {
+	font-size: 24rpx;
+	color: #999999;
+	text-decoration: line-through;
+	margin-left: 16rpx;
+}
+
+.alarm_btn_wrapper {
+	width: 56rpx;
+	height: 56rpx;
+	background-color: #ffffff;
+	border-radius: 50%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	transition: background-color 0.2s;
+
+	&:active {
+		background-color: #f0e7ff;
+	}
+}
+</style>
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 742fb38..d3b0557 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -1,77 +1,86 @@
 <template>
 	<view v-if="pageReady" class="home_warp" :class="platformType ? '' : 'iosplatformType'">
 		<!-- 带背景的头部 -->
-		<view class="home_header_warp"></view>
 		<view class="home_content_z_warp">
-			<!-- 分类 -->
-			<view class="home_sort_warp">
-				<view class="sort_comm_warp" v-if="sortList && sortList.length !== 0 && isBlockedDate">
-					<view v-for="item in sortList" :key="item.id" class="sort_item_comm" @click="jumpSort(item)">
-						<up-image :src="item.icon" width="40" height="32" bgColor="#f1f6ff00"></up-image>
-						<view class="sort_item_title_comm">{{ item.name }}</view>
+			<view class="home_header_warp">
+				<view class="logo_banner">
+					<view style="padding: 20rpx 0 0 20rpx">
+						<up-image src="https://static.tbmall.xin/static/home/logo_banner.png" width="108" height="16"
+							bgColor="#f1f6ff00"></up-image>
+						<view class="logo_banner_title">TB聚合商城</view>
+						<view class="logo_banner_msg">全民共创共享的电商平台</view>
+					</view>
+					<up-image src="https://static.tbmall.xin/static/logo_banner2.png" width="140" height="98"
+						bgColor="#f1f6ff00"></up-image>
+				</view>
+
+				<!-- 分类 -->
+				<view class="home_sort_warp">
+					<view class="sort_comm_warp" v-if="sortList && sortList.length !== 0 && isBlockedDate">
+						<view v-for="item in sortList" :key="item.id" class="sort_item_comm" @click="jumpSort(item)">
+							<up-image :src="item.icon" width="40" height="32" bgColor="#f1f6ff00"></up-image>
+							<view class="sort_item_title_comm">{{ item.name }}</view>
+						</view>
+					</view>
+					<view v-else class="not_order_warp">
+						<up-image src="https://static.tbmall.xin/static/not_order.png" width="80" height="80"
+							bgColor="#f1f6ff00"></up-image>
+						<view class="not_order_msg_warp">暂无分类</view>
 					</view>
 				</view>
-				<view v-else class="not_order_warp">
-					<up-image src="https://static.tbmall.xin/static/not_order.png" width="80"
-						height="80" bgColor="#f1f6ff00"></up-image>
-					<view class="not_order_msg_warp">暂无分类</view>
-				</view>
-			</view>
-			<!-- 带灰色背景的内容 -->
-			<view class="home_content_warp">
+
 				<!-- 爆款专区-->
-				<view class="product_comm hx_warp" @click="onJumpYou"
-					v-if="faddishProduct && faddishProduct.length !== 0">
-					<view class="product_title">
-						<view class="product_title_left">
-							<text class="product_title_yp">信任桥优品</text>
-							<up-image src="https://static.tbmall.xin/static/home/youxuan.png"
-								width="10" height="10" bgColor="#f1f6ff00"></up-image>
-							<text style="margin-left: 6rpx; color: #ffffff">品牌5折秒杀福利</text>
+				<view class="home_content_warp Hot_Picks_Zone" v-if="faddishProduct && faddishProduct.length !== 0"
+					@click="onJumpYou">
+					<view class="product_comm_yp">
+						<view class="yp_title">
+							<view class="yp_title_left">
+								<text class="yp_title_main">信任桥优品</text>
+								<up-image src="https://static.tbmall.xin/static/home/youxuan.png" width="14" height="14"
+									bgColor="#f1f6ff00"></up-image>
+								<text class="yp_title_sub" style="margin-left: 8rpx;">品牌五折秒杀福利</text>
+							</view>
+							<view class="yp_title_right">
+								<text>立即抢购</text>
+								<view class="yp_arrow_circle">
+									<view class="yp_arrow_chevron"></view>
+								</view>
+							</view>
 						</view>
-						<view class="product_title_f" style="font-weight: bold">
-							<text style="">立即抢购</text>
-							<view style="margin: 6rpx 0 0 6rpx"><up-image src="/static/common/right_y_st3.png"
-									width="12" height="12" bgColor="#f1f6ff00"></up-image></view>
-						</view>
-					</view>
-					<view :class="faddishProduct && faddishProduct.length > 2
-							? 'product_content product_content2'
-							: 'product_content'
-						">
-						<up-loading-icon :show="productLoading"></up-loading-icon>
-						<view :class="faddishProduct && faddishProduct.length > 2
-								? 'product_item2'
-								: 'product_item'
-							" v-for="item in faddishProduct" :key="item.id" @click.stop="jumpInfo(item)">
-							<up-image :src="item.url" width="100%" height="130" bgColor="#f1f6ff00" shape="square"
-								radius="15"></up-image>
-							<view class="product_f_item">
-								<view class="product_f_item_name">{{ item.title }}</view>
-								<view class="product_f_item_price product_f_item_price_hx">优选价{{ item.price }}元</view>
+						<view class="yp_content">
+							<!-- <up-loading-icon :show="productLoading"></up-loading-icon> -->
+							<view class="yp_item" v-for="item in faddishProduct" :key="item.id"
+								@click.stop="jumpInfo(item)">
+								<view class="yp_item_image_wrapper">
+									<up-image :src="item.url" width="100%" height="90" bgColor="#f1f6ff00"
+										shape="square" radius="15"></up-image>
+								</view>
+								<view class="yp_item_info">
+									<view class="yp_item_name">{{ item.title }}</view>
+									<view class="yp_item_price_tag">优选价{{ item.price }}元</view>
+								</view>
 							</view>
 						</view>
 					</view>
 				</view>
+			</view>
+
+			<!-- 带灰色背景的内容 -->
+			<view class="home_content_warp">
+
 				<!-- 积分兑换，红包抽奖 -->
 				<view class="min_card_warp">
 					<!-- 积分兑换 -->
 					<view class="min_card_item" @click="jumpIntegral">
 						<!-- <up-image src="https://static.tbmall.xin/static/home/min_card_jfdh.png" width="60" height="14" bgColor="#f1f6ff00" ></up-image> -->
 						<view class="min_card_item_content">
-							<view class="min_card_item_title">信任桥兑换</view>
+							<view class="min_card_item_title">积分兑换</view>
 							<view class="content_msg">
 								<view>好物随心兑</view>
-								<view class="content_msg_but">
-									立即抢购
-									<view style="margin-top: 6rpx; margin-left: 4rpx"><up-image
-											src="/static/common/right_y.png" width="10" height="10"
-											bgColor="#f1f6ff00"></up-image></view>
-								</view>
 							</view>
 						</view>
-						<up-image src="https://static.tbmall.xin/static/home/min_card_jfdh_2.png"
-							width="66" height="66" bgColor="#f1f6ff00"></up-image>
+						<up-image src="https://static.tbmall.xin/static/home/min_card_jfdh_2.png" width="55" height="55"
+							bgColor="#f1f6ff00"></up-image>
 					</view>
 					<!-- 红包抽奖 -->
 					<view class="min_card_item" @click="jumpTurntable">
@@ -80,52 +89,23 @@
 							<view class="min_card_item_title">红包抽奖</view>
 							<view class="content_msg">
 								<view>现金红包等你拿！</view>
-								<view class="content_msg_but">
-									立即抢购
-									<view style="margin-top: 6rpx; margin-left: 4rpx"><up-image
-											src="/static/common/right_y.png" width="10" height="10"
-											bgColor="#f1f6ff00"></up-image></view>
-								</view>
+
 							</view>
 						</view>
-						<up-image src="https://static.tbmall.xin/static/home/min_card_hbcj_2.png"
-							width="66" height="66" bgColor="#f1f6ff00"></up-image>
+						<up-image src="https://static.tbmall.xin/static/home/min_card_hbcj_2.png" width="55" height="55"
+							bgColor="#f1f6ff00"></up-image>
 					</view>
 				</view>
-				<!-- 好物优选 -->
-				<view class="product_comm yx_warp" v-if="yxProduct && yxProduct.length !== 0" @click="jumpPrdference">
-					<view class="product_title">
-						<view class="product_title_left">
-							<text class="product_title_z">平价专区</text>
-							<text class="product_title_zk">4折起</text>
-						</view>
-						<view class="product_title_f" style="color: #7632ff">
-							<text style="">立即抢购</text>
-							<view style="margin: 6rpx 0 0 6rpx"><up-image src="/static/common/right_y_st4.png"
-									width="10" height="10" bgColor="#f1f6ff00"></up-image></view>
-						</view>
-					</view>
-					<view class="product_tips">平价专区 抢到就是赚到！</view>
-					<view :class="yxProduct && yxProduct.length > 3
-							? 'product_content_yx product_content2'
-							: 'product_content_yx'
-						">
-						<up-loading-icon :show="productLoading"></up-loading-icon>
-						<view :class="yxProduct && yxProduct.length < 4
-								? 'product_item_yx product_item_yx2'
-								: 'product_item_yx'
-							" v-for="item in yxProduct" :key="item.id">
-							<up-image :src="item.url" width="100%" height="80" bgColor="#f1f6ff00" shape="square"
-								radius="10"></up-image>
-							<!-- <view class="product_f_item">
-								<view class="product_f_item_name">{{item.title}}</view>
-								<view class="product_f_item_price product_f_item_price_yx">优选价{{item.adPrice}}元</view>
-							</view> -->
-						</view>
-					</view>
+
+				<view class="product_comm_tip">
+
 				</view>
-				<!-- 为您精选 -->
-				<choiceness />
+				<!-- 限时秒杀 -->
+				<view class="product_seckill_card" v-for="item in seckillList" :key="item.id">
+					<productSeckillCard />
+				</view>
+
+
 			</view>
 		</view>
 
@@ -193,910 +173,938 @@
 </template>
 
 <script>
-	import {
-		getGoodsDetail
-	} from "@/api/product.js";
-	import choiceness from "@/components/choiceness/choiceness.vue";
-	import {
-		searchList
-	} from "@/api/product.js";
-	import {
-		getCascadeCategory,
-		checkAppVersion,
-		getCarouselImage,
-	} from "@/api/common.js";
-	import {
-		SEARCH_TYPE,
-		APP_PAGE_TYPE
-	} from "@/utils/enumUtils.js";
-	import CustomTabBar from "@/components/custom-tab-bar.vue"; // 引入自定义组件路径可能需要根据项目结构调整
-	import dayjs from "dayjs";
-	import useTabber from "tabber-component";
-	import {
-		getNewsList
-	} from "@/api/news.js";
-	import {
-		comparisonVersionHandler
-	} from "@/utils/index.js";
-	import HomePopup from "@/components/common/home-popup.vue";
+import {
+	getGoodsDetail
+} from "@/api/product.js";
+import choiceness from "@/components/choiceness/choiceness.vue";
+import {
+	searchList
+} from "@/api/product.js";
+import {
+	getCascadeCategory,
+	checkAppVersion,
+	getCarouselImage,
+} from "@/api/common.js";
+import {
+	SEARCH_TYPE,
+	APP_PAGE_TYPE
+} from "@/utils/enumUtils.js";
+import CustomTabBar from "@/components/custom-tab-bar.vue"; // 引入自定义组件路径可能需要根据项目结构调整
+import dayjs from "dayjs";
+import useTabber from "tabber-component";
+import {
+	getNewsList
+} from "@/api/news.js";
+import {
+	comparisonVersionHandler
+} from "@/utils/index.js";
+import HomePopup from "@/components/common/home-popup.vue";
+import productSeckillCard from "@/components/common/product-seckill-card.vue";
 
-	import {
-		SHARE_URL
-	} from "@/utils/config.js";
+import {
+	SHARE_URL
+} from "@/utils/config.js";
 
-	export default {
-		components: {
-			choiceness,
-			CustomTabBar,
-			HomePopup
-		},
-		data() {
-			return {
-				swiperList: [],
-				currentNum: 0,
-				sortList: [],
-				languageShow: false, // 语言选项
-				languageList: [{
-						name: "中文",
-						key: "CN",
-					},
-					{
-						name: "英文",
-						key: "EN",
-					},
-				],
-				currentLanguage: {},
-				yxProduct: [], // 好物优选列表
-				faddishProduct: [], // 爆款专区
-				hotList: [], // 热门
-				productLoading: false,
-				openShow: false,
-				platformType: null, // 当前设备信息
-				bannerShow: false, // 是否需要強制更新app
-				type: "", // 设备类型  android:2, ios:1
-				updateApkObj: {}, // 后台数据
-				bannerPercentageShow: false, // 是否显示进度条
-				bannerPercentage: 0, // 进度条
-				curId: null,
-				curData: null,
-				homeShow: false,
-				newsList: [], // 公告列表
-				newsShow: false, // 是否显示公告弹窗
-			};
-		},
-		onShow() {
-		
-		
+export default {
+	components: {
+		choiceness,
+		CustomTabBar,
+		HomePopup
+	},
+	data() {
+		return {
+			swiperList: [],
+			currentNum: 0,
+			sortList: [],
+			languageShow: false, // 语言选项
+			languageList: [{
+				name: "中文",
+				key: "CN",
+			},
+			{
+				name: "英文",
+				key: "EN",
+			},
+			],
+			currentLanguage: {},
+			yxProduct: [], // 好物优选列表
+			faddishProduct: [], // 爆款专区
+			hotList: [], // 热门
+			productLoading: false,
+			openShow: false,
+			platformType: null, // 当前设备信息
+			bannerShow: false, // 是否需要強制更新app
+			type: "", // 设备类型  android:2, ios:1
+			updateApkObj: {}, // 后台数据
+			bannerPercentageShow: false, // 是否显示进度条
+			bannerPercentage: 0, // 进度条
+			curId: null,
+			curData: null,
+			homeShow: false,
+			newsList: [], // 公告列表
+			newsShow: false, // 是否显示公告弹窗
+		};
+	},
+	onShow() {
 
-			// 获取设备是安卓还是ios
-			const appUpdate = uni.getStorageSync("platform");
-			const versionUpdateTime = uni.getStorageSync("versionUpdateTime");
-			// #ifdef APP-PLUS
-			console.log(
-				"上次更新时间 versionUpdateTime",
-				dayjs(versionUpdateTime).format("YYYY-MM-DD HH:mm:ss")
-			);
-			console.log("当前时间戳", dayjs().format("YYYY-MM-DD HH:mm:ss"));
-			const time1 = dayjs(versionUpdateTime); // 上一次更新的时间
-			const time2 = dayjs();
-			const diff = time2.diff(time1);
-			if (!versionUpdateTime || diff > 5 * 60 * 1000) {
-				this.platformType = appUpdate == "android" ? "ANDROID" : "IOS";
-				this.checkUpdate(); // 判断是否需要更新
-			} else {
-				this.onClipboard();
+
+
+		// 获取设备是安卓还是ios
+		const appUpdate = uni.getStorageSync("platform");
+		const versionUpdateTime = uni.getStorageSync("versionUpdateTime");
+		// #ifdef APP-PLUS
+		console.log(
+			"上次更新时间 versionUpdateTime",
+			dayjs(versionUpdateTime).format("YYYY-MM-DD HH:mm:ss")
+		);
+		console.log("当前时间戳", dayjs().format("YYYY-MM-DD HH:mm:ss"));
+		const time1 = dayjs(versionUpdateTime); // 上一次更新的时间
+		const time2 = dayjs();
+		const diff = time2.diff(time1);
+		if (!versionUpdateTime || diff > 5 * 60 * 1000) {
+			this.platformType = appUpdate == "android" ? "ANDROID" : "IOS";
+			this.checkUpdate(); // 判断是否需要更新
+		} else {
+			this.onClipboard();
+		}
+		// #endif
+		this.getSortList();
+		this.querySearchList(SEARCH_TYPE.SOMETHING); // 好物专区
+		this.querySearchList(SEARCH_TYPE.EXPLOSIVE); // 爆单专区
+		this.getCarouselImage();
+		this.onNews(); // 获取公告
+	},
+	onLoad() {
+		/*#ifdef APP-PLUS*/
+		uni.hideTabBar({
+			animation: false,
+		});
+		// 检查是否需要展示启动页
+		// 		const hasShown = getApp().globalData.launchShown;
+		// 		if (!hasShown) {
+		// 			getApp().globalData.launchShown = true; // 置为已展示
+		// 			// ⚠️ 不让首页渲染
+		// this.pageReady = false;
+
+		// 			uni.navigateTo({
+		// 				url: '/pages/order_package/launch_page/launch_page'
+		// 			});
+		// 			return; // 阻止后续渲染
+		// 		}
+		/*#endif*/
+		// 不需要启动页，才渲染首页
+		this.pageReady = true;
+
+	},
+	mounted() { },
+	methods: {
+		// 获取公告
+		jumpNewSearch(type) {
+			if (type === 'list') {
+				uni.navigateTo({
+					url: "/pages/login_package/announcement/announcement"
+				});
+				return;
 			}
-			// #endif
-			this.getSortList();
-			this.querySearchList(SEARCH_TYPE.SOMETHING); // 好物专区
-			this.querySearchList(SEARCH_TYPE.EXPLOSIVE); // 爆单专区
-			this.getCarouselImage();
-			this.onNews(); // 获取公告
-		},
-		onLoad() {
-				/*#ifdef APP-PLUS*/
-			uni.hideTabBar({
-				animation: false,
+			uni.setStorageSync("isReadNews", this.newsList[0].id);
+			uni.navigateTo({
+				url: "/pages/login_package/announcement-detail/announcement-detail?id=" +
+					this.newsList[0].id,
 			});
-				// 检查是否需要展示启动页
-	// 		const hasShown = getApp().globalData.launchShown;
-	// 		if (!hasShown) {
-	// 			getApp().globalData.launchShown = true; // 置为已展示
-	// 			// ⚠️ 不让首页渲染
-    // this.pageReady = false;
-
-	// 			uni.navigateTo({
-	// 				url: '/pages/order_package/launch_page/launch_page'
-	// 			});
-	// 			return; // 阻止后续渲染
-	// 		}
-			/*#endif*/
-			  // 不需要启动页，才渲染首页
-  this.pageReady = true;
-
 		},
-		mounted() {},
-		methods: {
-			// 获取公告
-			jumpNewSearch(type) {
-				if (type === 'list') {
-					uni.navigateTo({
-						url: "/pages/login_package/announcement/announcement"
-					});
-					return;
-				}
-				uni.setStorageSync("isReadNews", this.newsList[0].id);
-				uni.navigateTo({
-					url: "/pages/login_package/announcement-detail/announcement-detail?id=" +
-						this.newsList[0].id,
-				});
-			},
-			onNews() {
-				getNewsList({
-					category: 2,
-					type: 0,
-					page: 1,
-					pageSize: 10,
-				}).then((res) => {
-					console.log("获取公告", res);
+		onNews() {
+			getNewsList({
+				category: 2,
+				type: 0,
+				page: 1,
+				pageSize: 10,
+			}).then((res) => {
+				console.log("获取公告", res);
 
-					if (res.bizcode === 100) {
-						this.newsList = res.data.entitys || [];
-						console.log(this.newsList);
-						const id = uni.getStorageSync("isReadNews");
-						this.newsShow = false;
-						if (id != this.newsList[0].id && this.newsList[0].isPop === 1) {
-							this.newsShow = true;
-						}
+				if (res.bizcode === 100) {
+					this.newsList = res.data.entitys || [];
+					console.log(this.newsList);
+					const id = uni.getStorageSync("isReadNews");
+					this.newsShow = false;
+					if (id != this.newsList[0].id && this.newsList[0].isPop === 1) {
+						this.newsShow = true;
 					}
-				});
-			},
-			// 查看详情
-			onJumpNews() {
-				uni.navigateTo({
-					url: `/pages/login_package/news/news?id=${this.newsList[0].id}`,
-				});
-			},
-			onJumpShop() {
-				uni.navigateTo({
-					url: `/pages/other_package/productInfo/productInfo?id=${this.curId}`,
-				});
+				}
+			});
+		},
+		// 查看详情
+		onJumpNews() {
+			uni.navigateTo({
+				url: `/pages/login_package/news/news?id=${this.newsList[0].id}`,
+			});
+		},
+		onJumpShop() {
+			uni.navigateTo({
+				url: `/pages/other_package/productInfo/productInfo?id=${this.curId}`,
+			});
 
-				this.curId = null;
-				this.curData = null;
-				this.homeShow = false;
-			},
-			onClipboard() {
-				let _this = this;
-				uni.getClipboardData({
-					success: function(res) {
-						// http://localhost:5173/#/pages/other_package/productInfo/productInfo?id=1038
-						console.log(res.data); // 剪贴板内容
-						if (
-							res.data.indexOf(
-								`${SHARE_URL}/#/pages/other_package/productInfo/productInfo?id=`
-							) != -1
-						) {
-							uni.showModal({
-								title: "",
-								content: "当前APP想要粘贴商品详情，是否继续?",
-								success: (res1) => {
-									if (res1.confirm) {
-										let id = res.data.match(/=(.*?)\s/);
-										_this.curId = Number(id[1]);
-										_this.getShop();
-										uni.setClipboardData({
-											data: "",
-										});
-									}
-								},
-								fail: (res2) => {
+			this.curId = null;
+			this.curData = null;
+			this.homeShow = false;
+		},
+		onClipboard() {
+			let _this = this;
+			uni.getClipboardData({
+				success: function (res) {
+					// http://localhost:5173/#/pages/other_package/productInfo/productInfo?id=1038
+					console.log(res.data); // 剪贴板内容
+					if (
+						res.data.indexOf(
+							`${SHARE_URL}/#/pages/other_package/productInfo/productInfo?id=`
+						) != -1
+					) {
+						uni.showModal({
+							title: "",
+							content: "当前APP想要粘贴商品详情，是否继续?",
+							success: (res1) => {
+								if (res1.confirm) {
+									let id = res.data.match(/=(.*?)\s/);
+									_this.curId = Number(id[1]);
+									_this.getShop();
 									uni.setClipboardData({
 										data: "",
 									});
+								}
+							},
+							fail: (res2) => {
+								uni.setClipboardData({
+									data: "",
+								});
+							},
+						});
+					}
+				},
+				fail: function (err) {
+					console.error("获取剪贴板内容失败", err);
+				},
+			});
+		},
+		getShop() {
+			const params = {
+				id: this.curId,
+			};
+			getGoodsDetail(params).then((res) => {
+				this.curData = res.data;
+				this.homeShow = true;
+			});
+		},
+		onJumpYou() {
+			uni.navigateTo({
+				url: "/pages/rwa_package/shop/you-shop",
+			});
+		},
+		checkUpdate() {
+			const self = this,
+				localAppVersonName = uni.getStorageSync("version"),
+				localAppVerson = uni.getStorageSync("versionCode");
+			// #ifdef APP-PLUS
+			plus.runtime.getProperty(plus.runtime.appid, function (widgetInfo) {
+				const params = {
+					terminal: self.platformType,
+					versionCode: localAppVerson,
+				};
+				console.log("wgt更新-0", params);
+				checkAppVersion(params).then((res) => {
+					console.log("wgt更新-1", res);
+					if (res && res.bizcode === 100) {
+						const data = res.data || {};
+						// app大版本更新，versionName：1.0.1 versionCode：102
+						if (
+							data &&
+							Object.keys(data).length !== 0 &&
+							comparisonVersionHandler(localAppVerson, data.versionCode)
+						) {
+							uni.hideTabBar(); // 隐藏首页底部tabbar 按钮
+							self.updateApkObj = data;
+							self.bannerShow = true; // 显示弹窗
+							return;
+						} else {
+							console.log("wgt更新-2");
+							self.onClipboard();
+							return;
+						}
+					}
+				});
+			});
+			// #endif
+		},
+
+		// 安装
+		goUpdate(updateApkObj, platformType) {
+			const self = this;
+			if (platformType == "ANDROID") {
+				// 弹出系统等待对话框
+				var dtask = plus.downloader.createDownload(
+					updateApkObj.downloadUrl, {},
+					function (d, status) {
+						// 下载完成
+						if (status == 200) {
+							plus.runtime.install(
+								plus.io.convertLocalFileSystemURL(d.filename), {
+								force: true
+							},
+								function (resp) {
+									// 直接重启APP
+									uni.setStorageSync("versionUpdateTime", dayjs().valueOf()); // 记录升级的时间
+									plus.runtime.restart();
 								},
+								function (error) {
+									console.log("error", error);
+									uni.showToast({
+										title: error.message,
+										mask: false,
+										duration: 1500,
+									});
+								}
+							);
+						} else {
+							self.bannerPercentageShow = false;
+							uni.showToast({
+								title: "更新失败",
+								mask: false,
+								duration: 1500,
 							});
 						}
-					},
-					fail: function(err) {
-						console.error("获取剪贴板内容失败", err);
-					},
-				});
-			},
-			getShop() {
-				const params = {
-					id: this.curId,
-				};
-				getGoodsDetail(params).then((res) => {
-					this.curData = res.data;
-					this.homeShow = true;
-				});
-			},
-			onJumpYou() {
-				uni.navigateTo({
-					url: "/pages/rwa_package/shop/you-shop",
-				});
-			},
-			checkUpdate() {
-				const self = this,
-					localAppVersonName = uni.getStorageSync("version"),
-					localAppVerson = uni.getStorageSync("versionCode");
-				// #ifdef APP-PLUS
-				plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {
-					const params = {
-						terminal: self.platformType,
-						versionCode: localAppVerson,
-					};
-					console.log("wgt更新-0", params);
-					checkAppVersion(params).then((res) => {
-						console.log("wgt更新-1", res);
-						if (res && res.bizcode === 100) {
-							const data = res.data || {};
-							// app大版本更新，versionName：1.0.1 versionCode：102
-							if (
-								data &&
-								Object.keys(data).length !== 0 &&
-								comparisonVersionHandler(localAppVerson, data.versionCode)
-							) {
-								uni.hideTabBar(); // 隐藏首页底部tabbar 按钮
-								self.updateApkObj = data;
-								self.bannerShow = true; // 显示弹窗
-								return;
-							} else {
-								console.log("wgt更新-2");
-								self.onClipboard();
-								return;
-							}
+					}
+				);
+				try {
+					dtask.start(); // 开启下载的任务
+					let prg = 0;
+					this.bannerPercentageShow = true;
+					dtask.addEventListener("statechanged", function (task, status) {
+						// 给下载任务设置一个监听 并根据状态  做操作
+						switch (task.state) {
+							case 1:
+								break;
+							case 2:
+								break;
+							case 3:
+								prg = parseInt(
+									(parseFloat(task.downloadedSize) /
+										parseFloat(task.totalSize)) *
+									100
+								);
+								self.bannerPercentage = prg;
+								break;
+							case 4:
+								plus.nativeUI.closeWaiting();
+								self.bannerShow = false; // 显示弹窗
+								break;
 						}
 					});
-				});
-				// #endif
-			},
-
-			// 安装
-			goUpdate(updateApkObj, platformType) {
-				const self = this;
-				if (platformType == "ANDROID") {
-					// 弹出系统等待对话框
-					var dtask = plus.downloader.createDownload(
-						updateApkObj.downloadUrl, {},
-						function(d, status) {
-							// 下载完成
-							if (status == 200) {
-								plus.runtime.install(
-									plus.io.convertLocalFileSystemURL(d.filename), {
-										force: true
-									},
-									function(resp) {
-										// 直接重启APP
-										uni.setStorageSync("versionUpdateTime", dayjs().valueOf()); // 记录升级的时间
-										plus.runtime.restart();
-									},
-									function(error) {
-										console.log("error", error);
-										uni.showToast({
-											title: error.message,
-											mask: false,
-											duration: 1500,
-										});
-									}
-								);
-							} else {
-								self.bannerPercentageShow = false;
-								uni.showToast({
-									title: "更新失败",
-									mask: false,
-									duration: 1500,
-								});
-							}
-						}
-					);
-					try {
-						dtask.start(); // 开启下载的任务
-						let prg = 0;
-						this.bannerPercentageShow = true;
-						dtask.addEventListener("statechanged", function(task, status) {
-							// 给下载任务设置一个监听 并根据状态  做操作
-							switch (task.state) {
-								case 1:
-									break;
-								case 2:
-									break;
-								case 3:
-									prg = parseInt(
-										(parseFloat(task.downloadedSize) /
-											parseFloat(task.totalSize)) *
-										100
-									);
-									self.bannerPercentage = prg;
-									break;
-								case 4:
-									plus.nativeUI.closeWaiting();
-									self.bannerShow = false; // 显示弹窗
-									break;
-							}
-						});
-					} catch (err) {
-						console.log("更新失败-03err", err);
-						plus.nativeUI.closeWaiting();
-						uni.showToast({
-							title: "更新失败-03",
-							mask: false,
-							duration: 1500,
-						});
-					}
-				} else if (platformType == "IOS") {
-					// ios跳转到app store
-					plus.runtime.openURL(updateApkObj.downloadUrl);
+				} catch (err) {
+					console.log("更新失败-03err", err);
+					plus.nativeUI.closeWaiting();
+					uni.showToast({
+						title: "更新失败-03",
+						mask: false,
+						duration: 1500,
+					});
 				}
-			},
-
-			// 查询轮播图
-			async getCarouselImage() {
-				const params = {
-					pageUi: APP_PAGE_TYPE.HOME,
-				};
-				const resp = await getCarouselImage(params);
-				if (resp && resp.bizcode === 100) {
-					const data = resp.data || [];
-					this.swiperList =
-						data.length !== 0 ? data.map((obj) => obj.carouselImage) : [];
-				}
-			},
-			jumpIntegral() {
-				uni.navigateTo({
-					url: "/pages/rwa_package/shop/fen-shop",
-				});
-			},
-			jumpTurntable() {
-				// uni.navigateTo({
-				// 	url: '/pages/other_package/turntable/turntable?backPath=home',
-				// })
-				uni.navigateTo({
-					url: "/pages/other_package/nine-grid/nine-grid?backPath=home",
-				});
-			},
-			jumpPrdference() {
-				uni.switchTab({
-					url: "/pages/supply_chain/supply_chain",
-				});
-			},
-			jumpWelcome() {
-				uni.navigateTo({
-					url: "/pages/login_package/welcome/welcome",
-				});
-			},
-			jumpSearch() {
-				uni.navigateTo({
-					url: "/pages/rwa_package/dongjian/search",
-				});
-			},
-			/**
-			 * 查询商品列表
-			 */
-			async querySearchList(type) {
-				this.productLoading = true;
-				const params = {
-					type,
-					page: 1,
-					isRecomm: true,
-					pageSize: type === SEARCH_TYPE.SOMETHING ? 4 : 3,
-				};
-				const resp = await searchList(params);
-				if (resp && resp.bizcode === 100) {
-					if (type === SEARCH_TYPE.SOMETHING) {
-						// 好物优选
-						this.yxProduct = resp.data;
-					} else if (type === SEARCH_TYPE.EXPLOSIVE) {
-						// 爆单专区
-						this.faddishProduct = resp.data;
-					}
-				}
-				this.productLoading = false;
-			},
-			/**
-			 * 查询分类列表
-			 */
-			async getSortList() {
-				this.sortList = [
-					{
-						id: 1,
-						name: "超级补贴",
-						icon: ''
-					}
-				];
-				// const resp = await getCascadeCategory({
-				// 	parentId: 0
-				// });
-				// if (resp && resp.bizcode === 100) {
-				// 	this.sortList = resp.data.slice(0, 10);
-				// }
-			},
-			// 跳转到分类栏目
-			jumpSort(item) {
-				uni.setStorageSync("sortId", item.id);
-				uni.switchTab({
-					// 首页
-					url: "/pages/sort/sort",
-				});
-			},
-			// 跳转到商品详情
-			jumpInfo(item) {
-				uni.navigateTo({
-					url: "/pages/other_package/productInfo/productInfo?id=" + item.id,
-				});
-			},
+			} else if (platformType == "IOS") {
+				// ios跳转到app store
+				plus.runtime.openURL(updateApkObj.downloadUrl);
+			}
 		},
-		computed: {
-			isBlockedDate() {
-				return useTabber(6);
-			},
+
+		// 查询轮播图
+		async getCarouselImage() {
+			const params = {
+				pageUi: APP_PAGE_TYPE.HOME,
+			};
+			const resp = await getCarouselImage(params);
+			if (resp && resp.bizcode === 100) {
+				const data = resp.data || [];
+				this.swiperList =
+					data.length !== 0 ? data.map((obj) => obj.carouselImage) : [];
+			}
 		},
-	};
+		jumpIntegral() {
+			uni.navigateTo({
+				url: "/pages/rwa_package/shop/fen-shop",
+			});
+		},
+		jumpTurntable() {
+			// uni.navigateTo({
+			// 	url: '/pages/other_package/turntable/turntable?backPath=home',
+			// })
+			uni.navigateTo({
+				url: "/pages/other_package/nine-grid/nine-grid?backPath=home",
+			});
+		},
+		jumpPrdference() {
+			uni.switchTab({
+				url: "/pages/supply_chain/supply_chain",
+			});
+		},
+		jumpWelcome() {
+			uni.navigateTo({
+				url: "/pages/login_package/welcome/welcome",
+			});
+		},
+		jumpSearch() {
+			uni.navigateTo({
+				url: "/pages/rwa_package/dongjian/search",
+			});
+		},
+		/**
+		 * 查询商品列表
+		 */
+		async querySearchList(type) {
+			this.productLoading = true;
+			const params = {
+				type,
+				page: 1,
+				isRecomm: true,
+				pageSize: type === SEARCH_TYPE.SOMETHING ? 4 : 3,
+			};
+			const resp = await searchList(params);
+			if (resp && resp.bizcode === 100) {
+				if (type === SEARCH_TYPE.SOMETHING) {
+					// 好物优选
+					this.yxProduct = resp.data;
+				} else if (type === SEARCH_TYPE.EXPLOSIVE) {
+					// 爆单专区
+					this.faddishProduct = resp.data;
+				}
+			}
+			this.productLoading = false;
+		},
+		/**
+		 * 查询分类列表
+		 */
+		async getSortList() {
+			this.sortList = [
+				{
+					id: 1,
+					name: "超级补贴",
+					icon: 'https://static.tbmall.xin/static/new-home/home_2.png'
+				}, {
+					id: 2,
+					name: "限时秒杀",
+					icon: 'https://static.tbmall.xin/static/new-home/home_3.png'
+				}, {
+					id: 3,
+					name: "全网爆款",
+					icon: 'https://static.tbmall.xin/static/new-home/home_6.png'
+				}, {
+					id: 3,
+					name: "低价好物",
+					icon: 'https://static.tbmall.xin/static/new-home/home_4.png'
+				}, {
+					id: 4,
+					name: "新人专享",
+					icon: 'https://static.tbmall.xin/static/new-home/home_4.png'
+				}
+			];
+			// const resp = await getCascadeCategory({
+			// 	parentId: 0
+			// });
+			// if (resp && resp.bizcode === 100) {
+			// 	this.sortList = resp.data.slice(0, 10);
+			// }
+		},
+		// 跳转到分类栏目
+		jumpSort(item) {
+			uni.setStorageSync("sortId", item.id);
+			uni.switchTab({
+				// 首页
+				url: "/pages/sort/sort",
+			});
+		},
+		// 跳转到商品详情
+		jumpInfo(item) {
+			uni.navigateTo({
+				url: "/pages/other_package/productInfo/productInfo?id=" + item.id,
+			});
+		},
+	},
+	computed: {
+		isBlockedDate() {
+			return useTabber(6);
+		},
+	},
+};
 </script>
 
 <style lang="scss" scoped>
-	.home_warp {
-		background: $app-bj;
-		height: calc(100vh - env(safe-area-inset-bottom)); // 是底部的导航栏高度
-		overflow: auto;
-		position: relative;
+.home_warp {
+	background: #fff;
+	height: calc(100vh - env(safe-area-inset-bottom)); // 是底部的导航栏高度
+	overflow: auto;
+	position: relative;
 
-		&.iosplatformType {
-			height: 100vh;
-		}
+	&.iosplatformType {
+		height: 100vh;
+	}
+}
+
+.home_header_warp {
+	background: linear-gradient(270deg, #af39c4 0%, #7732ff 100%);
+	height: 854rpx;
+	padding: 100rpx 30rpx 0rpx;
+}
+
+.home_content_z_warp {
+	position: absolute;
+	left: 0;
+	width: 100%;
+
+	.header_right_warp {
+		display: flex;
+		align-items: center;
+		width: calc(100% - 0rpx);
 	}
 
-	.home_header_warp {
-		// background-color: #AC2A29FF;
-		// background: linear-gradient(0deg, $app-bj, #AC2A29FF);
-		background: linear-gradient(270deg, #af39c4 0%, #7732ff 100%);
-		height: 500rpx;
-		padding: 100rpx 30rpx 0rpx;
-	}
-
-	.home_content_z_warp {
-		position: absolute;
-		top: 90rpx;
-
-		.header_right_warp {
-			display: flex;
-			align-items: center;
-			width: calc(100% - 0rpx);
-		}
-
-		.language_warp {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100rpx;
-			padding: 10rpx 20rpx;
-			background: #ffffff30;
-			border-radius: 24rpx;
-			background: linear-gradient(270deg, #ae39c5, #7932fe) 2 2;
-		}
-
-		.chart_img {
-			width: 50rpx;
-			height: 50rpx;
-			margin-left: 15rpx;
-		}
-
-		.search_msg_warp {
-			margin-left: 12rpx;
-			font-weight: 500;
-			font-size: 28rpx;
-			color: #ffffffb3;
-		}
-	}
-
-	.logo_banner {
+	.language_warp {
 		display: flex;
 		justify-content: space-between;
-		padding: 0 30rpx;
-		color: #ffffff;
-
-		.logo_banner_title {
-			font-weight: bold;
-			font-size: 38rpx;
-			line-height: 36rpx;
-			margin: 20rpx 0;
-		}
-
-		.logo_banner_msg {
-			font-size: 22rpx;
-		}
+		align-items: center;
+		width: 100rpx;
+		padding: 10rpx 20rpx;
+		background: #ffffff30;
+		border-radius: 24rpx;
+		background: linear-gradient(270deg, #ae39c5, #7932fe) 2 2;
 	}
 
-	.home_sort_warp {
-		// position: absolute;
-		top: 460rpx;
-		padding: 0 30rpx;
-		width: calc(100% - 60rpx);
-
-		.sort_warp {
-			background: #ffffff;
-			padding: 20rpx;
-			border-radius: 20rpx;
-			display: flex;
-			flex-wrap: wrap;
-			justify-content: space-between;
-
-			.sort_item {
-				width: 18%;
-				text-align: center;
-				margin-bottom: 20rpx;
-			}
-
-			.sort_item_title {
-				font-weight: 500;
-				font-size: 22rpx;
-				color: #333333;
-			}
-		}
+	.chart_img {
+		width: 50rpx;
+		height: 50rpx;
+		margin-left: 15rpx;
 	}
 
-	.home_content_warp {
-		padding: 0 30rpx;
+	.search_msg_warp {
+		margin-left: 12rpx;
+		font-weight: 500;
+		font-size: 28rpx;
+		color: #ffffffb3;
+	}
+}
 
-		.product_comm {
-			border-radius: 30rpx;
-			padding: 10rpx;
-			color: #ffffff;
-			margin-top: 20rpx;
-		}
+.logo_banner {
+	display: flex;
+	justify-content: space-between;
+	// padding: 0 30rpx;
+	color: #ffffff;
 
-		.yx_warp {
-			background: linear-gradient(270deg, #fdefff 0%, #ede3ff 100%);
-		}
+	.logo_banner_title {
+		font-weight: bold;
+		font-size: 38rpx;
+		line-height: 36rpx;
+		margin: 20rpx 0;
+	}
 
-		.hx_warp {
-			background: linear-gradient(270deg, #b164fb 0%, $app-zt-color 100%);
-		}
+	.logo_banner_msg {
+		font-size: 22rpx;
+	}
+}
 
-		.product_title {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			padding: 10rpx 20rpx;
-		}
+.home_sort_warp {
+	// position: absolute;
+	top: 460rpx;
+	width: 100%;
 
-		.product_title_yp {
-			font-weight: 800;
-			font-size: 36rpx;
-			color: #ffffff;
-			margin-right: 10rpx;
-		}
+	.sort_warp {
+		background: #ffffff;
+		padding: 20rpx;
+		border-radius: 20rpx;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
 
-		.product_title_z {
-			font-weight: 800;
-			font-size: 36rpx;
-			color: #333333ff;
-			margin-right: 10rpx;
-		}
-
-		.product_title_zk {
-			background: #b164fb45;
-			border-radius: 6rpx;
-			padding: 2rpx 20rpx;
-			color: $app-zt-color;
-		}
-
-		.product_title_left {
-			font-size: 20rpx;
-			display: flex;
-			align-items: center;
-		}
-
-		.product_title_f {
-			font-size: 20rpx;
-			color: #ffffff;
-			margin-left: 10rpx;
-			display: flex;
-			align-items: center;
-		}
-
-		.product_content_yx {
-			display: flex;
-			padding: 20rpx;
-		}
-
-		.product_content {
-			background-color: #ffffff;
-			padding: 20rpx;
-			border-radius: 24rpx;
-			display: flex;
-			align-items: center;
-		}
-
-		.product_content2 {
-			justify-content: space-between;
-		}
-
-		.product_item {
-			width: 32%;
-			position: relative;
-			margin-right: 20rpx;
-		}
-
-		.product_item2 {
-			width: 32%;
-			position: relative;
-		}
-
-		.product_item_yx {
-			width: 23%;
-			position: relative;
-		}
-
-		.product_item_yx2 {
-			margin-right: 20rpx;
-		}
-
-		.product_f_item {
-			position: absolute;
-			bottom: 0;
-			width: calc(100% - 40rpx);
-			height: 66rpx;
-			background: #f0e7fe;
-			border-radius: 0rpx 0rpx 12rpx 12rpx;
-			border: 1rpx solid #ffffff;
-			padding: 10rpx 20rpx;
-			font-size: 18rpx;
-			color: #000000;
-		}
-
-		.product_f_item_name {
-			width: 172rpx;
-			white-space: nowrap;
-			/* 防止文本换行 */
-			overflow: hidden;
-			/* 隐藏溢出的文本 */
-			text-overflow: ellipsis;
-			/* 使用省略号表示溢出的内容 */
-			font-weight: bold;
-		}
-
-		.product_f_item_price {
+		.sort_item {
+			width: 18%;
 			text-align: center;
-			border-radius: 10rpx;
-			color: #ffffff;
-			margin-top: 10rpx;
-			padding: 2rpx 0;
+			margin-bottom: 20rpx;
 		}
 
-		.product_f_item_price_yx {
-			background: #ffba41;
+		.sort_item_title {
+			font-weight: 500;
+			font-size: 22rpx;
+			color: #333333;
 		}
+	}
+}
 
-		.product_f_item_price_hx {
-			background: linear-gradient(270deg, #af39c4 0%, #7732ff 100%);
-		}
+.home_content_warp {
+	padding: 0 30rpx;
 
-		.product_tips {
-			font-size: 24rpx;
-			line-height: 40rpx;
-			margin-left: 20rpx;
-			background: linear-gradient(180deg, #b039c2 0%, #8b34e9 23%, #7632ff 100%);
-			-webkit-background-clip: text;
-			color: transparent;
-			display: inline-block;
-		}
+	&.Hot_Picks_Zone {
+		width: 100%;
+		box-sizing: border-box;
+		height: auto;
+		background: linear-gradient(344deg, #FFFFFF 0%, #EDE3FF 100%);
+		border-radius: 28rpx;
+		border: 1rpx solid #DFDFDF;
+		padding: 24rpx 20rpx 20rpx;
+		margin: 20rpx auto 0;
+	}
 
-		// 积分兑换，红包
-		.min_card_warp {
+	.product_comm_yp {
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.yp_title {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 0 0 10rpx;
+	}
+
+	.yp_title_left {
+		display: flex;
+		align-items: center;
+	}
+
+	.yp_title_main {
+		font-weight: 800;
+		font-size: 36rpx;
+		color: #000000;
+		margin-right: 10rpx;
+	}
+
+	.yp_title_sub {
+		font-size: 22rpx;
+		color: #333333;
+		font-weight: 500;
+	}
+
+	.yp_title_right {
+		display: flex;
+		align-items: center;
+		font-size: 24rpx;
+		color: #7632ff;
+		font-weight: bold;
+	}
+
+	.yp_arrow_circle {
+		width: 24rpx;
+		height: 24rpx;
+		background-color: #7632ff;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-left: 8rpx;
+	}
+
+	.yp_arrow_chevron {
+		width: 8rpx;
+		height: 8rpx;
+		border-top: 3rpx solid #ffffff;
+		border-right: 3rpx solid #ffffff;
+		transform: rotate(45deg);
+		margin-left: -2rpx;
+	}
+
+	.yp_content {
+		display: flex;
+		justify-content: space-between;
+		align-items: stretch;
+		width: 100%;
+	}
+
+	.yp_item {
+		flex: 0 0 32%;
+		min-width: 0;
+		background-color: #ffffff;
+		border-radius: 24rpx;
+		border: 1rpx solid #eae5f9;
+		padding: 16rpx;
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+	}
+
+	.yp_item_image_wrapper {
+		width: 100%;
+		display: flex;
+		justify-content: center;
+		margin-bottom: 12rpx;
+	}
+
+	.yp_item_info {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		width: 100%;
+		min-width: 0;
+	}
+
+	.yp_item_name {
+		font-size: 24rpx;
+		color: #000000;
+		font-weight: bold;
+		text-align: center;
+		width: 100%;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		margin-bottom: 12rpx;
+	}
+
+	.yp_item_price_tag {
+		width: 100%;
+		background: linear-gradient(270deg, #b164fb 0%, #7632ff 100%);
+		color: #ffffff;
+		font-size: 20rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 44rpx;
+		border-radius: 12rpx;
+		white-space: nowrap;
+		font-weight: bold;
+	}
+
+	.product_comm {
+		border-radius: 30rpx;
+		padding: 10rpx;
+		color: #ffffff;
+		margin-top: 20rpx;
+	}
+
+	.yx_warp {
+		background: linear-gradient(270deg, #fdefff 0%, #ede3ff 100%);
+	}
+
+	.product_title_z {
+		font-weight: 800;
+		font-size: 36rpx;
+		color: #333333ff;
+		margin-right: 10rpx;
+	}
+
+	.product_title_zk {
+		background: #b164fb45;
+		border-radius: 6rpx;
+		padding: 2rpx 20rpx;
+		color: $app-zt-color;
+	}
+
+	.product_title_left {
+		font-size: 20rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	.product_title_f {
+		font-size: 20rpx;
+		color: #ffffff;
+		margin-left: 10rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	.product_content_yx {
+		display: flex;
+		padding: 20rpx;
+	}
+
+	.product_content {
+		background-color: #ffffff;
+		padding: 20rpx;
+		border-radius: 24rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	.product_content2 {
+		justify-content: space-between;
+	}
+
+	.product_item {
+		width: 32%;
+		position: relative;
+		margin-right: 20rpx;
+	}
+
+	.product_item2 {
+		width: 32%;
+		position: relative;
+	}
+
+	.product_item_yx {
+		width: 23%;
+		position: relative;
+	}
+
+	.product_item_yx2 {
+		margin-right: 20rpx;
+	}
+
+	.product_f_item {
+		position: absolute;
+		bottom: 0;
+		width: calc(100% - 40rpx);
+		height: 66rpx;
+		background: #f0e7fe;
+		border-radius: 0rpx 0rpx 12rpx 12rpx;
+		border: 1rpx solid #ffffff;
+		padding: 10rpx 20rpx;
+		font-size: 18rpx;
+		color: #000000;
+	}
+
+	.product_f_item_name {
+		width: 172rpx;
+		white-space: nowrap;
+		/* 防止文本换行 */
+		overflow: hidden;
+		/* 隐藏溢出的文本 */
+		text-overflow: ellipsis;
+		/* 使用省略号表示溢出的内容 */
+		font-weight: bold;
+	}
+
+	.product_f_item_price {
+		text-align: center;
+		border-radius: 10rpx;
+		color: #ffffff;
+		margin-top: 10rpx;
+		padding: 2rpx 0;
+	}
+
+	.product_f_item_price_yx {
+		background: #ffba41;
+	}
+
+	.product_f_item_price_hx {
+		background: linear-gradient(270deg, #af39c4 0%, #7732ff 100%);
+	}
+
+	.product_tips {
+		font-size: 24rpx;
+		line-height: 40rpx;
+		margin-left: 20rpx;
+		background: linear-gradient(180deg, #b039c2 0%, #8b34e9 23%, #7632ff 100%);
+		-webkit-background-clip: text;
+		color: transparent;
+		display: inline-block;
+	}
+
+	// 积分兑换，红包
+	.min_card_warp {
+		display: flex;
+		gap: 10rpx;
+		justify-content: space-between;
+		margin-top: 24rpx;
+
+		.min_card_item {
+			padding: 10rpx 12rpx;
+			flex: 1;
+			height: 108rpx;
+			border-radius: 30rpx;
+			opacity: 0.8;
+			border-radius: 16rpx;
 			display: flex;
 			justify-content: space-between;
-			margin-top: 20rpx;
-
-			.min_card_item {
-				padding: 20rpx;
-				width: 43%;
-				border-radius: 30rpx;
-				opacity: 0.8;
-				border-radius: 16rpx;
-				border: 1rpx solid #dfdfdf;
-				display: flex;
-				justify-content: space-between;
-			}
-
-			.min_card_item_content {
-				margin-top: 10rpx;
-
-				.min_card_item_title {
-					font-weight: bold;
-					font-size: 28rpx;
-					color: #000000;
-				}
-
-				.content_msg {
-					font-size: 20rpx;
-					color: #808080;
-					display: grid;
-					margin-top: 10rpx;
-				}
-
-				.content_msg_but {
-					display: flex;
-					align-items: center;
-					margin-top: 20rpx;
-				}
-			}
+			background: linear-gradient(344deg, #FFFFFF 0%, #EDE3FF 100%);
+			border-radius: 12rpx;
+			border: 1rpx solid #DFDFDF;
 		}
 
-		// 热门榜
-		.hot_warp {
-			background: #ffffff;
-			border-radius: 30rpx;
-			padding: 20rpx;
-			margin-top: 20rpx;
+		.min_card_item_content {
+			margin-top: 15rpx;
 
-			.hot_title_warp {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-
-				.title_warp {
-					display: flex;
-					align-items: center;
-				}
-
-				.title_ {
-					font-weight: 800;
-					font-size: 36rpx;
-					color: #111111;
-					margin-right: 10rpx;
-				}
-
-				.good_warp {
-					display: flex;
-					align-items: center;
-				}
-
-				.good__msg_warp {
-					background: #fff8f3;
-					/* border-radius: 18rpx; */
-					border-top: 2rpx solid $app-zt-color;
-					border-right: 2rpx solid $app-zt-color;
-					border-bottom: 2rpx solid $app-zt-color;
-					font-size: 20rpx;
-					color: $app-zt-color;
-					padding: 4rpx 14rpx 4rpx 20rpx;
-					margin-left: -6px;
-					border-radius: 0rpx 18rpx 18rpx 0rpx;
-				}
-
-				.more_warp {
-					display: flex;
-					font-size: 24rpx;
-					color: #666666;
-				}
-			}
-
-			.hot_content_warp {
-				display: flex;
-				justify-content: space-between;
-				margin-top: 20rpx;
-
-				.hot_item {
-					width: 24%;
-				}
-
-				.hot_item_name {
-					font-weight: 800;
-					font-size: 24rpx;
-					color: #000000;
-					width: 160rpx;
-					white-space: nowrap;
-					/* 防止文本换行 */
-					overflow: hidden;
-					/* 隐藏溢出的文本 */
-					text-overflow: ellipsis;
-					/* 使用省略号表示溢出的内容 */
-				}
-
-				.hot_item_price {
-					display: flex;
-					justify-content: center;
-					font-size: 20rpx;
-					color: $app-zt-color;
-					text-align: center;
-					margin-top: 10rpx;
-				}
-			}
-		}
-
-		// 哈希商学院
-		.business_school_warp {
-			margin-top: 20rpx;
-			height: 160rpx;
-			background-image: url("https://static.tbmall.xin/static/result.png");
-			background-size: 100% 100%;
-			background-position: center;
-			/* 将图片居中显示 */
-			display: grid;
-			align-items: center;
-			padding: 0 40rpx;
-			color: rgba(255, 255, 255, 0.9);
-			border-radius: 20rpx;
-
-			.title {
-				font-weight: 800;
+			.min_card_item_title {
+				font-weight: bold;
 				font-size: 32rpx;
-				// color: #0987F8;
+				color: #000000;
 			}
 
-			.msg {
+			.content_msg {
 				font-size: 20rpx;
-				// color: #666666;
+				color: #808080;
+				display: grid;
+				margin-top: 10rpx;
+			}
+
+			.content_msg_but {
 				display: flex;
 				align-items: center;
-				// margin-top: 10rpx;
+				margin-top: 20rpx;
 			}
 		}
 	}
 
-	.uni-banner-news {
-		width: 540rpx;
-		margin: 0 auto;
-		background: url(https://hashmall-prod.oss-cn-shenzhen.aliyuncs.com/common/image/%E9%9D%9E%E5%BC%BA%E5%88%B6%E5%8D%87%E7%BA%A7.png) no-repeat;
-		background-size: 100% 100%;
-
-		.close_btn {
-			position: absolute;
-			top: 0;
-			right: 0;
-			width: 48rpx;
-			height: 48rpx;
-		}
-
-		.banner_box-news {
-			height: 700rpx;
-			// padding:40rpx;
-			width: 90%;
-		}
-
-		.banner_box-title {
-			font-weight: 500;
-			font-size: 16px;
-			color: #333333;
-			overflow: hidden;
-			display: -webkit-box;
-			-webkit-box-orient: vertical;
-			-webkit-line-clamp: 2;
-			/* 下面两行是为了兼容老版本 Firefox */
-			line-clamp: 2;
-			box-orient: vertical;
-			margin-top: 250rpx;
-		}
-
-		.banner_box-subTitle {
-			font-size: 14px;
-			color: #868686;
-			overflow: hidden;
-			display: -webkit-box;
-			-webkit-box-orient: vertical;
-			-webkit-line-clamp: 3;
-			/* 下面两行是为了兼容老版本 Firefox */
-			line-clamp: 3;
-			box-orient: vertical;
-			margin-top: 30rpx;
-		}
-
-		.banner_box-btn {
-			// width: 480rpx;
-			width: calc(100% - 80rpx);
-			height: 80rpx;
-			background: linear-gradient(270deg, #af39c4 0%, #7732ff 100%);
-			border-radius: 16rpx;
-			font-weight: 500;
-			font-size: 32rpx;
-			color: #ffffff;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			position: fixed;
-			bottom: 60rpx;
-		}
+	// 热门榜
+	.product_comm_tip {
+		display: flex;
+		justify-content: space-between;
 	}
+
+}
+
+.uni-banner-news {
+	width: 540rpx;
+	margin: 0 auto;
+	background: url(https://hashmall-prod.oss-cn-shenzhen.aliyuncs.com/common/image/%E9%9D%9E%E5%BC%BA%E5%88%B6%E5%8D%87%E7%BA%A7.png) no-repeat;
+	background-size: 100% 100%;
+
+	.close_btn {
+		position: absolute;
+		top: 0;
+		right: 0;
+		width: 48rpx;
+		height: 48rpx;
+	}
+
+	.banner_box-news {
+		height: 700rpx;
+		// padding:40rpx;
+		width: 90%;
+	}
+
+	.banner_box-title {
+		font-weight: 500;
+		font-size: 16px;
+		color: #333333;
+		overflow: hidden;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2;
+		/* 下面两行是为了兼容老版本 Firefox */
+		line-clamp: 2;
+		box-orient: vertical;
+		margin-top: 250rpx;
+	}
+
+	.banner_box-subTitle {
+		font-size: 14px;
+		color: #868686;
+		overflow: hidden;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 3;
+		/* 下面两行是为了兼容老版本 Firefox */
+		line-clamp: 3;
+		box-orient: vertical;
+		margin-top: 30rpx;
+	}
+
+	.banner_box-btn {
+		// width: 480rpx;
+		width: calc(100% - 80rpx);
+		height: 80rpx;
+		background: linear-gradient(270deg, #af39c4 0%, #7732ff 100%);
+		border-radius: 16rpx;
+		font-weight: 500;
+		font-size: 32rpx;
+		color: #ffffff;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		position: fixed;
+		bottom: 60rpx;
+	}
+}
 </style>
\ No newline at end of file