-
-
- [{{ goodDetail.prefixLabelTarget.label }}]
-
-
- {{ goodDetail.waresName }}
-
+
+
+
+
+
+ 首页
+ {{ labelName }}
+ {{
+ labelName
+ }}
+ 商品详情
+
-
- {{ goodDetail.sellingPoints }}
-
-
-
+
+
+
@@ -968,39 +975,6 @@ export default {
margin-top: 30px;
}
-.details_t {
- display: flex;
- justify-content: space-between;
- padding: 0 60px;
- margin-top: 40px;
- .details_c {
- flex: 1;
- margin: 0 60px 0 40px;
- .c_tit1 {
- font-size: 22px;
- font-weight: 600;
- color: #333333;
- }
- .c_hui {
- padding: 22px 20px;
- background: #eeeeee;
- border-radius: 10px 10px 10px 10px;
- font-size: 18px;
- color: #333333;
- margin-top: 20px;
- }
- .c_bai {
- // padding: 20px;
- background: #ffffff;
- box-shadow: 0px 0px 20px 0px rgba(204, 204, 204, 0.5);
- border-radius: 10px 10px 10px 10px; // margin-top: 20px;
- .c_bai_b {
- padding: 20px;
- }
- }
- }
-}
-
.dis_flex {
display: flex;
align-items: center;
@@ -1019,46 +993,82 @@ export default {
.m10 {
margin-top: 10px;
}
-
-.goodList {
- width: 320px; /* Define a fixed width for the sticky column */
- position: sticky;
- top: 20px; /* Adjust as needed based on header/breadcrumb height */
- align-self: flex-start; /* Prevent stretching vertically with flex items */
- padding-bottom: 20px; /* Add some padding at the bottom */
-
- .tited {
- font-size: 18px;
- font-weight: 600;
- color: #333333;
- margin-bottom: 10px;
- }
- .good_i {
- margin-bottom: 20px;
- transition: transform 0.3s ease, box-shadow 0.3s ease;
- cursor: pointer;
- border-radius: 10px;
- overflow: hidden;
- .goodBtm {
- padding: 10px 20px 10px 20px;
- background: #ffffff;
- border-radius: 0px 0px 10px 10px;
- margin-top: -5px;
- position: relative;
- z-index: 1;
- }
- &:hover {
- transform: translateY(-5px);
- box-shadow: 0px 8px 20px rgba(100, 100, 100, 0.2);
- position: relative;
- z-index: 2;
+.product-body {
+ display: flex;
+ .product-container {
+ flex: 1;
+ .details_t {
+ display: flex;
+ justify-content: space-between;
+ padding: 0 0 0px 60px;
+ margin-top: 40px;
+ .details_c {
+ flex: 1;
+ margin: 0 60px 0 40px;
+ .c_tit1 {
+ font-size: 22px;
+ font-weight: 600;
+ color: #333333;
+ }
+ .c_hui {
+ padding: 22px 20px;
+ background: #eeeeee;
+ border-radius: 10px 10px 10px 10px;
+ font-size: 18px;
+ color: #333333;
+ margin-top: 20px;
+ }
+ .c_bai {
+ // padding: 20px;
+ background: #ffffff;
+ box-shadow: 0px 0px 20px 0px rgba(204, 204, 204, 0.5);
+ border-radius: 10px 10px 10px 10px; // margin-top: 20px;
+ .c_bai_b {
+ padding: 20px;
+ }
+ }
+ }
}
}
- .goodImg {
- width: 318px;
- height: 318px;
- border-radius: 10px 10px 0px 0px;
- display: block;
+ .goodList {
+ width: 320px; /* Define a fixed width for the sticky column */
+ align-self: flex-start; /* Prevent stretching vertically with flex items */
+ padding-bottom: 20px; /* Add some padding at the bottom */
+ padding-top: 80px;
+ margin-right: 60px;
+ .tited {
+ font-size: 18px;
+ font-weight: 600;
+ color: #333333;
+ margin-bottom: 10px;
+ }
+ .good_i {
+ margin-bottom: 20px;
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
+ cursor: pointer;
+ border-radius: 10px;
+ overflow: hidden;
+ .goodBtm {
+ padding: 10px 20px 10px 20px;
+ background: #ffffff;
+ border-radius: 0px 0px 10px 10px;
+ margin-top: -5px;
+ position: relative;
+ z-index: 1;
+ }
+ &:hover {
+ transform: translateY(-5px);
+ box-shadow: 0px 8px 20px rgba(100, 100, 100, 0.2);
+ position: relative;
+ z-index: 2;
+ }
+ }
+ .goodImg {
+ width: 318px;
+ height: 318px;
+ border-radius: 10px 10px 0px 0px;
+ display: block;
+ }
}
}
@@ -1273,6 +1283,7 @@ export default {
height: 5px;
background: rgba(0, 0, 0, 0.05);
margin-top: -5px;
+ width: calc(100% - 60px);
}
.allDetail {
- 
-
-
- 预计发货
+
+ [{{ goodDetail.prefixLabelTarget.label }}]
+
+
+ {{ goodDetail.waresName }}
+
-
- 剩余时间:
- {{ countDown }}
-
-
-
-
-
-
-
-
-
-
-
- {{ userInfo.currencyIcon
- }}{{ goodDetail.goodsPrice | toThousandthAndKeepDecimal }}
+
+
- {{ goodDetail.sellingPoints }}
+
+
+
-
+
-
+
+
-
-
+ 预计发货
累计销售
-
-
-
-
-
- 业绩:{{ goodDetail.goodsAchive | toThousandthAndKeepDecimal }}
+
+ 累计销售
- {{ "业绩" }}:{{
- goodDetail.goodsAchive | toThousandthAndKeepDecimal
- }}
-
-
- {{ "积分可抵扣" }}:{{
- goodDetail.deductMoney | numberToCurrency
- }}
-
-
- BV:{{
- goodDetail.goodsAssAchive | toThousandthAndKeepDecimal
- }}
-
- {{ goodDetail.sales | seles }}
-
-
-
-
-
- 赠品：
- {{ goodDetail.giftNames }}
-
-
-
-
- 规格:
-
-
- {{ item.productName }}
- 应选:
- {{ item.quantity }}
- 已选:
- {{ item.quantitySel }}
-
-
-
- 型号:
-
-
-
+
+
-
-
+
+ {{ ctem.specsName }}
-
- ![]()
-
- {{ ctem.specsNameDian }}
-
+
-
+
- ![]()
-
+ {{ ctem.specsNameDian }}
+ 业绩:{{
+ goodDetail.goodsAchive | toThousandthAndKeepDecimal
+ }}
+
+ {{ "业绩" }}:{{
+ goodDetail.goodsAchive | toThousandthAndKeepDecimal
+ }}
+
+
+ {{ "积分可抵扣" }}:{{
+ goodDetail.deductMoney | numberToCurrency
+ }}
+
+
+ BV:{{
+ goodDetail.goodsAssAchive | toThousandthAndKeepDecimal
+ }}
-
-
-
-
+ {{ goodDetail.sales | seles }}
+
+
+
+
+ 赠品：
+ {{ goodDetail.giftNames }}
+
+
+
+
+
+
+
+ 规格:
+
+
+ {{ item.productName }}
+ 应选:
+ {{ item.quantity }}
+ 已选:
+ {{ item.quantitySel }}
+
+
+ 型号:
+
+
+
+
+
+
+
+
+ {{ ctem.specsName }}
+
+ ![]()
+
+ {{ ctem.specsNameDian }}
+
+ ![]()
+
+ {{ ctem.specsNameDian }}
+
+
+
+
+
+
+
+ 数量：
+
+ 加入购物车
+
+
+
+
+
服务承诺:
+
+ 
+
+ {{ item.label }}
-
- 数量：
-
- 加入购物车
-
-
-
-
-
+
+
@@ -242,35 +278,6 @@
服务承诺:
+
-
-
+
- {{ item.label }}
+ 商品介绍
+ 售后保障
+
+
+
+
-
-
-
-