From d9a89d83c2048a964f16ca179feb2b7f21b9d33a Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 29 七月 2024 16:28:47 +0800
Subject: [PATCH] 提交
---
wechat_staff/components/disProduct/index.wxss | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 50 insertions(+), 9 deletions(-)
diff --git a/wechat_staff/components/disProduct/index.wxss b/wechat_staff/components/disProduct/index.wxss
index e67a710..8b5593c 100644
--- a/wechat_staff/components/disProduct/index.wxss
+++ b/wechat_staff/components/disProduct/index.wxss
@@ -11,20 +11,31 @@
}
.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;
- height: calc(100% - 120rpx);
+ padding-top: 120rpx;
+ height: 100%;
}
.main_content .main_left {
width: 160rpx;
height: 100%;
- overflow-y: auto;
border-radius: 0rpx 16rpx 16rpx 0rpx;
}
.main_content .main_left .item {
@@ -47,24 +58,26 @@
.main_content .main_right {
flex: 1;
position: relative;
+ height: 100%;
}
.main_content .main_right .query_wrap {
display: flex;
+ width: 100%;
}
.main_content .main_right .query_wrap .item {
+ width: 50%;
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;
}
.main_content .main_right .query_form .list {
@@ -72,6 +85,8 @@
display: flex;
flex-wrap: wrap;
padding: 30rpx 40rpx;
+ max-height: 400rpx;
+ overflow: auto;
}
.main_content .main_right .query_form .list .item {
width: 154rpx;
@@ -111,11 +126,18 @@
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 {
display: flex;
padding: 0rpx 40rpx;
- margin: 20rpx 0;
align-items: center;
+ height: 92rpx;
}
.main_content .main_right .status .active {
color: var(--themeColor);
@@ -127,25 +149,28 @@
background-color: #333333;
}
.main_content .main_right .goods_list {
+ height: calc(100% - 182rpx);
+ width: 590rpx;
display: flex;
flex-wrap: wrap;
+ box-sizing: border-box;
justify-content: space-between;
padding: 12rpx 40rpx;
}
.main_content .main_right .goods_list .item {
+ width: 242rpx;
flex-shrink: 0;
margin-bottom: 32rpx;
}
.main_content .main_right .goods_list .item .img_wrap {
width: 242rpx;
- height: 136rpx;
border-radius: 8rpx;
overflow: hidden;
position: relative;
}
.main_content .main_right .goods_list .item .img_wrap .img {
- width: 100%;
- height: 100%;
+ width: 242rpx;
+ max-height: 216rpx;
}
.main_content .main_right .goods_list .item .img_wrap .new {
width: 72rpx;
@@ -156,6 +181,11 @@
}
.main_content .main_right .goods_list .item .name {
margin: 12rpx 0 8rpx;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ overflow: hidden;
+
}
.main_content .main_right .goods_list .item .info {
display: flex;
@@ -164,11 +194,22 @@
}
.main_content .main_right .goods_list .item .info .icon {
width: 28rpx;
+ height: 28rpx;
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);
}
+.main_content .main_right .empty_wrap {
+ width: 100%;
+ display: flex;
+ padding-top: 200rpx;
+ justify-content: center;
+}
+.main_content .main_right .default_empty {
+ width: 300rpx;
+ height: 300rpx;
+}
--
Gitblit v1.9.3