From ebc6e7ee67f13e7aa311e737dfcb4c5caed112ee Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 15 八月 2024 18:23:57 +0800
Subject: [PATCH] ll
---
wechat_jiaxuan/components/disProduct/index.wxss | 69 ++++++++++++++++++++++++++--------
1 files changed, 52 insertions(+), 17 deletions(-)
diff --git a/wechat_jiaxuan/components/disProduct/index.wxss b/wechat_jiaxuan/components/disProduct/index.wxss
index 65c6fa3..7d5106f 100644
--- a/wechat_jiaxuan/components/disProduct/index.wxss
+++ b/wechat_jiaxuan/components/disProduct/index.wxss
@@ -11,25 +11,20 @@
}
.search_wrap image {
width: 28rpx;
+ height: 28rpx;
margin-right: 16rpx;
}
.app {
height: 100%;
width: 100%;
+ overflow-y: hidden;
}
.app .home_content {
height: 100%;
}
-.home_top {
- position: fixed;
- z-index: 9999;
- width: 100%;
- background-color: #fff;
-}
.main_content {
display: flex;
- padding-top: 120rpx;
- height: 100%;
+ height: calc(100% - 120rpx);
}
.main_content .main_left {
width: 160rpx;
@@ -58,30 +53,40 @@
position: relative;
height: 100%;
}
+.main_content .main_right .query_wrap_scroll {
+ width: 540rpx;
+ padding-left: 40rpx;
+}
.main_content .main_right .query_wrap {
display: flex;
+ flex-wrap: nowrap;
}
.main_content .main_right .query_wrap .item {
+ flex-shrink: 0;
+ margin-right: 48rpx;
height: 100rpx;
display: flex;
align-items: center;
justify-content: center;
color: #666666;
- flex: 1;
}
.main_content .main_right .query_wrap .item .name {
margin-right: 12rpx;
}
.main_content .main_right .query_form {
position: absolute;
- z-index: 99;
+ z-index: 999;
background-color: #fff;
+ width: 590rpx;
+ overflow: hidden;
}
.main_content .main_right .query_form .list {
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 30rpx 40rpx;
+ max-height: 480rpx;
+ overflow: auto;
}
.main_content .main_right .query_form .list .item {
width: 154rpx;
@@ -121,8 +126,19 @@
background: var(--themeColor);
color: #fff;
}
+.main_content .main_right .shade {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 99;
+}
.main_content .main_right .status {
+ position: absolute;
+ background-color: #fff;
+ z-index: 99;
display: flex;
+ width: 590rpx;
padding: 0rpx 40rpx;
align-items: center;
height: 92rpx;
@@ -137,16 +153,23 @@
background-color: #333333;
}
.main_content .main_right .goods_list {
- height: calc(100% - 182rpx);
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
+ height: calc(100% - 100rpx);
+ width: 590rpx;
+ box-sizing: border-box;
padding: 12rpx 40rpx;
}
+.main_content .main_right .goods_list .empty {
+ width: 590rpx;
+ height: 92rpx;
+}
.main_content .main_right .goods_list .item {
- width: 50%;
+ float: left;
+ width: 242rpx;
flex-shrink: 0;
margin-bottom: 32rpx;
+}
+.main_content .main_right .goods_list .item:nth-of-type(2n) {
+ margin-right: 26rpx;
}
.main_content .main_right .goods_list .item .img_wrap {
width: 242rpx;
@@ -155,7 +178,8 @@
position: relative;
}
.main_content .main_right .goods_list .item .img_wrap .img {
- width: 100%;
+ width: 242rpx;
+ height: 136rpx;
}
.main_content .main_right .goods_list .item .img_wrap .new {
width: 72rpx;
@@ -178,11 +202,22 @@
}
.main_content .main_right .goods_list .item .info .icon {
width: 28rpx;
+ height: 26rpx;
margin-right: 8rpx;
}
.main_content .main_right .goods_list .item .info .num {
- margin-right: 16rpx;
+ margin-right: 28rpx;
}
.main_content .main_right .goods_list .item .info .primary {
color: var(--themeColor);
}
+.empty_wrap {
+ width: 100%;
+ display: flex;
+ padding-top: 200rpx;
+ justify-content: center;
+}
+.default_empty {
+ width: 300rpx;
+ height: 300rpx;
+}
--
Gitblit v1.9.3