diff --git a/subPackages/food/detail.vue b/subPackages/food/detail.vue
index 047d56d..a7e7f99 100644
--- a/subPackages/food/detail.vue
+++ b/subPackages/food/detail.vue
@@ -113,19 +113,31 @@
- ![]()
+
{{(sku[productIndex].price||0)/100}}
已选择：{{sku[productIndex].sku_name}}
+
+
+
+ -
+
+ {{ buyNum }}
+
+ +
+
+
+
规格
-
+
- {{botItem.sku_name}}
+
+ {{botItem.sku_name}}
不可购买
@@ -133,18 +145,7 @@
-
- 数量
-
-
- -
-
- {{ buyNum }}
-
- +
-
-
-
+
{{addCart?"加入购物车":"立即购买"}}
@@ -668,17 +669,17 @@
display: flex;
margin-bottom: 23rpx;
flex-shrink: 0;
+ image {
+ width: 173.33rpx;
+ height: 173.33rpx;
+ background: #666666;
+ border-radius: 13rpx;
+ }
}
- .bottom-productImg img {
- width: 218rpx;
- height: 179rpx;
- background: #666666;
- border-radius: 13rpx;
- }
.right-content {
- margin: 10rpx 0 0 41rpx;
+ padding-left: 14rpx;
flex: 1;
width: 1rpx;
}
@@ -702,20 +703,31 @@
}
.botProduct {
- width: 320rpx;
- // height: 78rpx;
- border-radius: 13rpx;
- background-color: #F5F5F5;
- font-size: 29rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 78rpx;
- text-align: center;
- margin-bottom: 25rpx;
- display: inline-block;
position: relative;
- padding: 0 40rpx;
+ min-height: 67rpx;
+ border-radius: 13rpx;
+ margin-bottom: 34rpx;
+ max-width: 100%;
+ padding-right:15rpx;
+ min-width: 340rpx;
+ background: #EFEFEF;
+ display: flex;
+ align-items: center;
+ box-sizing: border-box;
+ color: #333;
+ width: fit-content;
+ &>image{
+ width: 67rpx;
+ height: 67rpx;
+ border-radius: 13rpx;
+ flex-shrink: 0;
+ }
+ .sku-name{
+ flex: 1;
+ padding-left: 15rpx;
+ white-space: normal;
+ font-size: 27rpx;
+ }
}
.noStore{
background-color: rgba(239, 239, 239, 1);
@@ -737,39 +749,36 @@
color: #FFFFFF;
}
-
.botProducts {
- background: #6A8A27;
- color: #FFFFFF;
+ color: #6A8A27;
+ border: 1px solid #6A8A27;
}
.buy-num {
- font-size: 29rpx;
- font-family: PingFang SC;
- font-weight: 400;
+ font-weight: 500;
+ font-size: 31rpx;
+ color: #000000;
color: #333333;
- padding: 39rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
- }
-
- .buy-num .number-btn {
- display: flex;
- }
-
- .buy-num .number-btn view {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 69rpx;
- height: 69rpx;
- border: 1rpx solid #CCCCCC;
- border-radius: 7rpx;
- }
-
- .buy-num .number-btn>view text {
- font-size: 46rpx;
+ width: 233rpx;
+ height: 53rpx;
+ background: #EFEFEF;
+ border-radius: 13rpx;
+ margin-top: 25rpx;
+ .number-btn {
+ display: flex;
+ height: 100%;
+ width: 100%;
+ view {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 69rpx;
+ height: 100%;
+ }
+ }
}
.buy-btn {
@@ -810,14 +819,13 @@
}
.sp-container{
display: flex;
- align-items: center;
justify-content: space-between;
flex-wrap: wrap;
- max-height: 400rpx;
+ min-height: 400rpx;
+ max-height: 600rpx;
overflow-y: auto;
- padding-top: 20rpx;
- padding-right: 20rpx;
overflow-x: hidden;
+ align-content: flex-start
}
.sp-bottom-btn{
width: 750rpx;
diff --git a/subPackages/search/techanResult.vue b/subPackages/search/techanResult.vue
index d6aa464..4aa1bf4 100644
--- a/subPackages/search/techanResult.vue
+++ b/subPackages/search/techanResult.vue
@@ -70,21 +70,31 @@
- ![]()
+
{{(sku[productIndex].price||0)/100}}
已选择：{{sku[productIndex].sku_name}}
+
+
+
+ -
+
+ {{ buyNum }}
+
+ +
+
+
+
-
- 规格
-
-
-
+ 规格
+
+
- {{botItem.sku_name}}
+
+ {{botItem.sku_name}}
不可购买
@@ -92,18 +102,7 @@
-
- 数量
-
-
- -
-
- {{ buyNum }}
-
- +
-
-
-
+
@@ -423,17 +422,19 @@
.bottom-productImg {
display: flex;
margin-bottom: 23rpx;
+ image {
+ width: 173.33rpx;
+ height: 173.33rpx;
+ background: #666666;
+ border-radius: 13rpx;
+ }
}
- .bottom-productImg img {
- width: 218rpx;
- height: 179rpx;
- background: #666666;
- border-radius: 13rpx;
- }
.right-content {
- margin: 10rpx 0 0 41rpx;
+ padding-left: 14rpx;
+ flex: 1;
+ width: 1rpx;
}
.bottom-productPrice {
@@ -447,7 +448,7 @@
}
.bottom-content {
- width: 331rpx;
+ width: 100%;
font-size: 27rpx;
font-family: PingFang SC;
font-weight: 400;
@@ -455,20 +456,31 @@
}
.botProduct {
- width: 320rpx;
- // height: 78rpx;
- border-radius: 13rpx;
- background-color: #F5F5F5;
- font-size: 29rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 78rpx;
- text-align: center;
- margin-bottom: 25rpx;
- display: inline-block;
position: relative;
- padding: 0 40rpx;
+ min-height: 67rpx;
+ border-radius: 13rpx;
+ margin-bottom: 34rpx;
+ max-width: 100%;
+ padding-right:15rpx;
+ min-width: 340rpx;
+ background: #EFEFEF;
+ display: flex;
+ align-items: center;
+ box-sizing: border-box;
+ color: #333;
+ width: fit-content;
+ &>image{
+ width: 67rpx;
+ height: 67rpx;
+ border-radius: 13rpx;
+ flex-shrink: 0;
+ }
+ .sku-name{
+ flex: 1;
+ padding-left: 15rpx;
+ white-space: normal;
+ font-size: 27rpx;
+ }
}
.noStore{
background-color: rgba(239, 239, 239, 1);
@@ -492,38 +504,35 @@
.botProducts {
- background: #6A8A27;
- color: #FFFFFF;
+ color: #6A8A27;
+ border: 1px solid #6A8A27;
}
.buy-num {
- font-size: 29rpx;
- font-family: PingFang SC;
- font-weight: 400;
+ font-weight: 500;
+ font-size: 31rpx;
+ color: #000000;
color: #333333;
- // border-top: 1rpx solid #CCCCCC;
- padding: 39rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
- }
-
- .buy-num .number-btn {
- display: flex;
- }
-
- .buy-num .number-btn view {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 69rpx;
- height: 69rpx;
- border: 1rpx solid #CCCCCC;
- border-radius: 7rpx;
- }
-
- .buy-num .number-btn>view text {
- font-size: 46rpx;
+ width: 233rpx;
+ height: 53rpx;
+ background: #EFEFEF;
+ border-radius: 13rpx;
+ margin-top: 25rpx;
+ .number-btn {
+ display: flex;
+ height: 100%;
+ width: 100%;
+ view {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 69rpx;
+ height: 100%;
+ }
+ }
}
.buy-btn {
@@ -561,6 +570,16 @@
margin: 60rpx 0;
padding-top: 30rpx;
}
+ .sp-container{
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ min-height: 400rpx;
+ max-height: 600rpx;
+ overflow-y: auto;
+ overflow-x: hidden;
+ align-content: flex-start
+ }
}
diff --git a/subPackages/techan/detail.vue b/subPackages/techan/detail.vue
index fa74132..1b0d78d 100644
--- a/subPackages/techan/detail.vue
+++ b/subPackages/techan/detail.vue
@@ -123,19 +123,32 @@
- ![]()
+
{{(sku[productIndex].price||0)/100}}
已选择：{{sku[productIndex].sku_name}}
+
+
+
+
+ -
+
+ {{ buyNum }}
+
+ +
+
+
+
规格
-
+
- {{botItem.sku_name}}
+
+ {{botItem.sku_name}}
不可购买
@@ -143,18 +156,6 @@
-
- 数量
-
-
- -
-
- {{ buyNum }}
-
- +
-
-
-
{{addCart?"加入购物车":"立即购买"}}
@@ -672,54 +673,64 @@
display: flex;
margin-bottom: 23rpx;
flex-shrink: 0;
- }
-
- .bottom-productImg img {
- width: 218rpx;
- height: 179rpx;
- background: #666666;
- border-radius: 13rpx;
+ image {
+ width: 173.33rpx;
+ height: 173.33rpx;
+ background: #666666;
+ border-radius: 13rpx;
+ }
}
.right-content {
- margin: 10rpx 0 0 41rpx;
+ padding-left: 14rpx;
flex: 1;
width: 1rpx;
- }
-
- .bottom-productPrice {
- font-size: 40rpx;
- color: #FC524B;
-
- &:before {
- content: "￥";
- font-size: 26rpx;
+ .bottom-productPrice {
+ font-size: 40rpx;
+ color: #FC524B;
+ &:before {
+ content: "￥";
+ font-size: 26rpx;
+ }
+ }
+
+ .bottom-content {
+ width: 100%;
+ font-size: 27rpx;
+ font-family: PingFang SC;
+ font-weight: 400;
+ color: #666666;
}
}
- .bottom-content {
- width: 100%;
- font-size: 27rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: #666666;
- }
+
.botProduct {
- width: 320rpx;
- // height: 78rpx;
- border-radius: 13rpx;
- background-color: #F5F5F5;
- font-size: 29rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 78rpx;
- text-align: center;
- margin-bottom: 25rpx;
- display: inline-block;
position: relative;
- padding: 0 40rpx;
+ min-height: 67rpx;
+ border-radius: 13rpx;
+ margin-bottom: 34rpx;
+ max-width: 100%;
+ padding-right:15rpx;
+ min-width: 340rpx;
+ background: #EFEFEF;
+ display: flex;
+ align-items: center;
+ box-sizing: border-box;
+ color: #333;
+ width: fit-content;
+ &>image{
+ width: 67rpx;
+ height: 67rpx;
+ border-radius: 13rpx;
+ flex-shrink: 0;
+ }
+ .sku-name{
+ flex: 1;
+ padding-left: 15rpx;
+ white-space: normal;
+ font-size: 27rpx;
+ }
}
.noStore{
background-color: rgba(239, 239, 239, 1);
@@ -743,37 +754,35 @@
.botProducts {
- background: #6A8A27;
- color: #FFFFFF;
+ color: #6A8A27;
+ border: 1px solid #6A8A27;
}
.buy-num {
- font-size: 29rpx;
- font-family: PingFang SC;
- font-weight: 400;
+ font-weight: 500;
+ font-size: 31rpx;
+ color: #000000;
color: #333333;
- padding: 39rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
- }
-
- .buy-num .number-btn {
- display: flex;
- }
-
- .buy-num .number-btn view {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 69rpx;
- height: 69rpx;
- border: 1rpx solid #CCCCCC;
- border-radius: 7rpx;
- }
-
- .buy-num .number-btn>view text {
- font-size: 46rpx;
+ width: 233rpx;
+ height: 53rpx;
+ background: #EFEFEF;
+ border-radius: 13rpx;
+ margin-top: 25rpx;
+ .number-btn {
+ display: flex;
+ height: 100%;
+ width: 100%;
+ view {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 69rpx;
+ height: 100%;
+ }
+ }
}
.buy-btn {
@@ -814,14 +823,13 @@
}
.sp-container{
display: flex;
- align-items: center;
justify-content: space-between;
flex-wrap: wrap;
- max-height: 400rpx;
+ min-height: 400rpx;
+ max-height: 600rpx;
overflow-y: auto;
- padding-top: 20rpx;
- padding-right: 20rpx;
overflow-x: hidden;
+ align-content: flex-start
}
.sp-bottom-btn{
width: 750rpx;
diff --git a/subPackages/techan/index.vue b/subPackages/techan/index.vue
index 9f240c9..920c61e 100644
--- a/subPackages/techan/index.vue
+++ b/subPackages/techan/index.vue
@@ -176,21 +176,32 @@
- ![]()
+
{{(sku[productIndex].price||0)/100}}
已选择：{{sku[productIndex].sku_name}}
+
+
+
+
+ -
+
+ {{ buyNum }}
+
+ +
+
+
+
-
- 规格
-
-
-
+ 规格
+
+
- {{botItem.sku_name}}
+
+ {{botItem.sku_name}}
不可购买
@@ -198,18 +209,6 @@
-
- 数量
-
-
- -
-
- {{ buyNum }}
-
- +
-
-
-
@@ -838,17 +837,18 @@
.bottom-productImg {
display: flex;
margin-bottom: 23rpx;
- }
-
- .bottom-productImg img {
- width: 218rpx;
- height: 179rpx;
- background: #666666;
- border-radius: 13rpx;
+ image {
+ width: 173.33rpx;
+ height: 173.33rpx;
+ background: #666666;
+ border-radius: 13rpx;
+ }
}
.right-content {
- margin: 10rpx 0 0 41rpx;
+ padding-left: 14rpx;
+ flex: 1;
+ width: 1rpx;
}
.bottom-productPrice {
@@ -862,7 +862,7 @@
}
.bottom-content {
- width: 331rpx;
+ width: 100%;
font-size: 27rpx;
font-family: PingFang SC;
font-weight: 400;
@@ -870,20 +870,31 @@
}
.botProduct {
- width: 320rpx;
- // height: 78rpx;
- border-radius: 13rpx;
- background-color: #F5F5F5;
- font-size: 29rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 78rpx;
- text-align: center;
- margin-bottom: 25rpx;
- display: inline-block;
position: relative;
- padding: 0 40rpx;
+ min-height: 67rpx;
+ border-radius: 13rpx;
+ margin-bottom: 34rpx;
+ max-width: 100%;
+ padding-right:15rpx;
+ min-width: 340rpx;
+ background: #EFEFEF;
+ display: flex;
+ align-items: center;
+ box-sizing: border-box;
+ color: #333;
+ width: fit-content;
+ &>image{
+ width: 67rpx;
+ height: 67rpx;
+ border-radius: 13rpx;
+ flex-shrink: 0;
+ }
+ .sku-name{
+ flex: 1;
+ padding-left: 15rpx;
+ white-space: normal;
+ font-size: 27rpx;
+ }
}
.noStore{
background-color: rgba(239, 239, 239, 1);
@@ -907,38 +918,35 @@
.botProducts {
- background: #6A8A27;
- color: #FFFFFF;
+ color: #6A8A27;
+ border: 1px solid #6A8A27;
}
.buy-num {
- font-size: 29rpx;
- font-family: PingFang SC;
- font-weight: 400;
+ font-weight: 500;
+ font-size: 31rpx;
+ color: #000000;
color: #333333;
- // border-top: 1rpx solid #CCCCCC;
- padding: 39rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
- }
-
- .buy-num .number-btn {
- display: flex;
- }
-
- .buy-num .number-btn view {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 69rpx;
- height: 69rpx;
- border: 1rpx solid #CCCCCC;
- border-radius: 7rpx;
- }
-
- .buy-num .number-btn>view text {
- font-size: 46rpx;
+ width: 233rpx;
+ height: 53rpx;
+ background: #EFEFEF;
+ border-radius: 13rpx;
+ margin-top: 25rpx;
+ .number-btn {
+ display: flex;
+ height: 100%;
+ width: 100%;
+ view {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 69rpx;
+ height: 100%;
+ }
+ }
}
.buy-btn {
@@ -976,6 +984,16 @@
margin: 60rpx 0;
padding-top: 30rpx;
}
+ .sp-container{
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ min-height: 400rpx;
+ max-height: 600rpx;
+ overflow-y: auto;
+ overflow-x: hidden;
+ align-content: flex-start
+ }
}