From 680028df90e18299ea72d242a28a3ddcd9a0441c Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期三, 24 七月 2024 13:45:36 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'

---
 wechat_staff/components/disProduct/index.less |  138 +++++++++++++++++++++++++++++++--------------
 1 files changed, 95 insertions(+), 43 deletions(-)

diff --git a/wechat_staff/components/disProduct/index.less b/wechat_staff/components/disProduct/index.less
index e3a87fb..ce63b2a 100644
--- a/wechat_staff/components/disProduct/index.less
+++ b/wechat_staff/components/disProduct/index.less
@@ -1,4 +1,6 @@
-.search_wrap{
+
+
+.search_wrap {
   width: 670rpx;
   height: 72rpx;
   margin: 24rpx auto;
@@ -8,25 +10,38 @@
   display: flex;
   align-items: center;
   background-color: #F7F7F7;
-  image{
+
+  image {
     width: 28rpx;
     margin-right: 16rpx;
   }
 }
 
-.app{
+.app {
   height: 100%;
   width: 100%;
+  .home_content{
+    height: 100%;
+  }
 }
-.main_content{
+
+.home_top {
+  position: fixed;
+  z-index: 9999;
+  width: 100%;
+  background-color: #fff;
+}
+
+.main_content {
   display: flex;
-  height: calc( 100% - 120rpx );
-  .main_left{
+  padding-top: 120rpx;
+  height: 100%;
+  .main_left {
     width: 160rpx;
     height: 100%;
-    overflow-y: auto;
     border-radius: 0rpx 16rpx 16rpx 0rpx;
-    .item{
+
+    .item {
       width: 160rpx;
       height: 100rpx;
       background: #F7F7F7;
@@ -37,40 +52,48 @@
       justify-content: center;
       align-items: center;
     }
-    .active{
+
+    .active {
       background-color: #fff;
       font-weight: 500;
       font-size: 30rpx;
       color: #111111;
     }
   }
-  .main_right{
+
+  .main_right {
     flex: 1;
     position: relative;
-    .query_wrap{
+    height: 100%;
+    .query_wrap {
       display: flex;
-      .item{
+      width: 100%;
+      .item {
+        width: 50%;
         height: 100rpx;
         display: flex;
         align-items: center;
         justify-content: center;
-        color: #666666; 
-        flex: 1;
-        .name{
+        color: #666666;
+        .name {
           margin-right: 12rpx;
         }
       }
     }
-    .query_form{
+
+    .query_form {
       position: absolute;
-      z-index: 99;
+      z-index: 999;
       background-color: #fff;
-      .list{
+
+      .list {
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         padding: 30rpx 40rpx;
-        .item{
+        max-height: 400rpx;
+        overflow: auto;
+        .item {
           width: 154rpx;
           height: 72rpx;
           text-align: center;
@@ -84,18 +107,22 @@
           text-overflow: ellipsis;
           margin-right: 24rpx;
           margin-bottom: 24rpx;
-          &:nth-of-type(3n){
+
+          &:nth-of-type(3n) {
             margin-right: 0;
           }
         }
-        .active{
+
+        .active {
           color: var(--themeColor);
-          background: rgba(176,135,113,0.08);
+          background: rgba(176, 135, 113, 0.08);
         }
       }
-      .btns{
+
+      .btns {
         display: flex;
-        .btn{
+
+        .btn {
           width: 296rpx;
           height: 88rpx;
           background: #E5E5E5;
@@ -104,46 +131,62 @@
           justify-content: center;
           align-items: center;
         }
-        .sub{
+
+        .sub {
           background: var(--themeColor);
           color: #fff;
         }
       }
     }
-    .status{
+    .shade{
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0,0,0,.5);
+      z-index: 99;
+    }
+
+    .status {
       display: flex;
       padding: 0rpx 40rpx;
-      margin: 20rpx 0;
       align-items: center;
-      .active{
+      height: 92rpx;
+      .active {
         color: var(--themeColor);
       }
-      .separate{
+
+      .separate {
         margin: 0 12rpx;
         width: 1rpx;
         height: 28rpx;
         background-color: #333333;
       }
     }
-    .goods_list{
+
+    .goods_list {
+      height: calc( 100% -  182rpx);
+      width: 590rpx;
       display: flex;
       flex-wrap: wrap;
+      box-sizing: border-box;
       justify-content: space-between;
       padding: 12rpx 40rpx;
-      .item{
+      .item {
+        width: 242rpx;
         flex-shrink: 0;
         margin-bottom: 32rpx;
-        .img_wrap{
+        .img_wrap {
           width: 242rpx;
-          height: 136rpx;
           border-radius: 8rpx;
           overflow: hidden;
           position: relative;
-          .img{
-            width: 100%;
-            height: 100%;
+
+          .img {
+            width: 242rpx;
+            height: 216rpx;
           }
-          .new{
+
+          .new {
             width: 72rpx;
             position: absolute;
             left: 0;
@@ -151,21 +194,30 @@
             z-index: 10;
           }
         }
-        .name{
+
+        .name {
           margin: 12rpx 0 8rpx;
+          display: -webkit-box; //灏嗙洅瀛愯浆鎹负寮规�х洅瀛�
+          -webkit-box-orient: vertical; //鏂囨湰鏄剧ず鏂瑰紡锛岄粯璁ゆ按骞�
+          -webkit-line-clamp: 1; //璁剧疆鏄剧ず澶氬皯琛�
+          overflow: hidden;
         }
-        .info{
+
+        .info {
           display: flex;
           align-items: center;
           color: #666666;
-          .icon{
+
+          .icon {
             width: 28rpx;
             margin-right: 8rpx;
           }
-          .num{
-            margin-right: 16rpx;
+
+          .num {
+            margin-right: 28rpx;
           }
-          .primary{
+
+          .primary {
             color: var(--themeColor);
           }
         }

--
Gitblit v1.9.3