diff --git a/pages/goods/categoryList/categoryList.wxml b/pages/goods/categoryList/categoryList.wxml
index cae4c14..e7c7e1e 100644
--- a/pages/goods/categoryList/categoryList.wxml
+++ b/pages/goods/categoryList/categoryList.wxml
@@ -90,55 +90,60 @@
暂无分类
- 去逛逛
+ 去逛逛
商家暂未设置分类
- 去逛逛
+ 去逛逛
-
-
-
-
-
- 扫一扫
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+ 搜索店铺商品
+
+
+
+
+
+
+
-
+
-
+
-
+
- 国家
+
+ 国家
-
+
- 品牌
+
+ 品牌
@@ -210,11 +215,11 @@
-
+
{{classify_name}}
-
+
更多
-
+
@@ -223,7 +228,7 @@
- {{goods.items.name}}
+ {{goods.items.name}}
@@ -240,12 +245,12 @@
-
+
{{goods.items.name}}
-
+
更多
-
+
@@ -253,10 +258,10 @@
- {{item.name}}
+ {{item.name}}
-
+
@@ -270,7 +275,7 @@
商家暂未设置分类
- 去逛逛
+ 去逛逛
@@ -280,7 +285,7 @@
-
+
+
+
+
+ 搜索店铺商品
+
+
+
+
+
-
+
-
+
- 国家
+ 国家
- 品牌
+ 品牌
@@ -345,7 +359,7 @@
-
+
@@ -394,19 +408,19 @@
-
-
diff --git a/pages/goods/categoryList/categoryList.wxss b/pages/goods/categoryList/categoryList.wxss
index d935875..70b7982 100644
--- a/pages/goods/categoryList/categoryList.wxss
+++ b/pages/goods/categoryList/categoryList.wxss
@@ -47,6 +47,14 @@ swiper{
border-radius: 50%;
overflow: hidden;
}
+.search-container {
+ color: #bbb;
+ font-size: 26rpx;
+ border-radius: 40rpx;
+ padding: 16rpx;
+ background-color: #f4f4f4;
+}
+
.search-inner {
display: flex;
@@ -176,25 +184,27 @@ line-height: 50rpx;
/* 商品分类新的版本 */
/* 分享样式*/
.xc-search-box {
- width: 100%;
- height: 120rpx;
- z-index: 10;
- background: #fff;
- /* border-top: 4rpx solid #eee; */
- border-bottom: 1rpx solid #eee;
-
+ box-sizing: border-box;
+ width: 100%;
+ /* height: 120rpx; */
+ z-index: 10;
+ background: #fff;
+ /* border-top: 4rpx solid #eee; */
+ border-bottom: 1rpx solid #f4f4f4;
+ padding: 20rpx;
}
.share-height{
- line-height: 20rpx;
+ /* line-height: 20rpx;
margin-right: 15rpx;
-margin-top: 8rpx;
+margin-top: 8rpx; */
}
-.scanning_black-img{
+.scanning_black-img {
+ display: block;
width:50rpx;
- height: 45rpx;
- margin-bottom: 5rpx;
+ height: 50rpx;
+ /* margin-bottom: 5rpx; */
}
.search-img.left{
@@ -219,7 +229,7 @@ margin-top: 8rpx;
width: 26%;
height: 100%;
padding-bottom: 100rpx;
- border-right: 1rpx solid #eee;
+ /* border-right: 1rpx solid #eee; */
white-space: nowrap;
overflow: hidden;
overflow-y: scroll;
@@ -298,20 +308,20 @@ width: 60%;
/* width: 90%;
margin: auto; */
height: 70rpx;
- border-bottom: 1rpx solid #f5f6f6;
+ /* border-bottom: 1rpx solid #f5f6f6; */
line-height: 70rpx;
font-weight: 600;
padding-left: 20rpx;
padding-right: 20rpx;
}
.classify_content{
- width: 100%
-
+ width: 100%;
+ box-sizing: border-box;
}
.classify_content-frame{
box-sizing: border-box;
width: 100%;
- padding: 0 20rpx;
+ padding: 0 12rpx;
flex-wrap:wrap;
overflow-y:scroll;
}
@@ -376,6 +386,7 @@ line-height: 65rpx;
}
.type_img_frame {
+ box-sizing: border-box;
width: calc(100% / 3);
height: 140rpx;
margin-top: 20rpx;
@@ -386,8 +397,8 @@ line-height: 65rpx;
.type_img{
- width:80rpx;
- height:80rpx;
+ width: 110rpx;
+ height: 110rpx;
margin-bottom: 10rpx;
margin-top: 10rpx;
@@ -408,9 +419,9 @@ width: 62%;
margin-top:12rpx;
}
.select_more{
-line-height: 37rpx;
+/* line-height: 37rpx; */
height: 35rpx;
-margin-top: 24rpx;
+/* margin-top: 24rpx; */
}
.divider_line{
width: 100%;
@@ -431,7 +442,10 @@ margin: auto;
/* width: 80%; */
}
-.brand_img_name {color: #666;}
+.brand_img_name {
+ /* box-sizing: border-box; */
+ color: #8a8a8a;
+}
.tab-view {
@@ -449,16 +463,16 @@ margin: auto;
box-sizing: border-box;
display: flex;
align-items: center;
- justify-content: left;
- font-size: 30rpx;
- padding-left: 30rpx;
- color: #444;
- font-weight: 400;
+ justify-content: center;
+ font-size: 28rpx;
+ padding: 0 20rpx;
+ color: #080808;
+ /* font-weight: 400; */
}
#thress_type3 .active {
position: relative;
- color: #000;
+ color: #e83028;
font-size: 30rpx;
font-weight: 600;
background: #fff;
@@ -467,9 +481,12 @@ margin: auto;
#thress_type3 .active::before {
content: "";
position: absolute;
- border-left: 8rpx solid #E41F19;
- height: 50rpx;
+ border-left: 8rpx solid #e83028;
+ border-radius: 8rpx;
+ height: 40rpx;
left: 0;
+ top: 50%;
+ transform: translateY(-50%);
}
@@ -483,11 +500,11 @@ margin: auto;
box-sizing: border-box;
display: flex;
align-items: center;
- justify-content: left;
- font-size: 30rpx;
- padding-left: 30rpx;
- color: #444;
- font-weight: 400;
+ justify-content: center;
+ font-size: 28rpx;
+ padding: 0 20rpx;
+ color: #080808;
+ /* font-weight: 600; */
}
#two_type .select_classify {
position: relative;
@@ -500,13 +517,18 @@ margin: auto;
#two_type .select_classify::before {
content: "";
position: absolute;
- border-left: 8rpx solid #E41F19;
- height: 50rpx;
+ border-left: 8rpx solid #e83028;
+ border-radius: 8rpx;
+ height: 40rpx;
left: 0;
top:50%;
transform: translateY(-50%);
}
+#two_type .select_classify .tab-bar-item {
+ color: #e83028;
+}
+
#two_type .is_show_class{
@@ -518,7 +540,7 @@ margin: auto;
}
-
+ .classify_content > view:last-of-type,
.classify_content > view:last-of-type .classify_content-frame {
padding-bottom: 100rpx;
}
diff --git a/pages/goods/goodsList/goodsList.wxml b/pages/goods/goodsList/goodsList.wxml
index 1c5eac3..82511e6 100644
--- a/pages/goods/goodsList/goodsList.wxml
+++ b/pages/goods/goodsList/goodsList.wxml
@@ -293,8 +293,8 @@
- 没有相关的数据
- 去逛逛
+ 暂无相关商品
+ 回到首页
diff --git a/pages/goods/goodsList/goodsList.wxss b/pages/goods/goodsList/goodsList.wxss
index 6cf7864..a5dd8c0 100644
--- a/pages/goods/goodsList/goodsList.wxss
+++ b/pages/goods/goodsList/goodsList.wxss
@@ -59,11 +59,11 @@ page {
.search-box {
color: #BEBEBE;
- font-size: 24rpx;
+ font-size: 26rpx;
/* border: 2rpx solid #f23030; */
border-radius: 40rpx;
padding: 16rpx;
- background-color: #e0e0e0;
+ background-color: #e8e8e8;
}
.icon-sousuo {
@@ -266,7 +266,7 @@ page {
.choice_list.on {
display: flex;
flex-wrap: wrap;
- padding-bottom: 12rpx;
+ padding-bottom: 16rpx;
padding-left: 16rpx;
padding-right: 16rpx;
background-color: #f0f0f0;
@@ -293,7 +293,7 @@ page {
}
.choice_list.on .item-cont {
- padding: 10rpx;
+ padding: 10rpx 14rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -303,3 +303,23 @@ page {
.choice_list.on .item-cont .flex.on {
display: block;
}
+
+.no-data .cart-image {
+ width: 208rpx;
+ height: 202rpx;
+}
+
+.no-data .no-data-title {
+ font-size: 28rpx;
+ color: #b8b8b8;
+ margin-bottom: 50rpx;
+}
+
+.no-data .lookat {
+ display: inline-block;
+ font-size: 28rpx;
+ border-radius: 10rpx;
+ background-color: #e83028;
+ color: white;
+ padding: 20rpx 50rpx;
+}