From b7fd27a4a7ac72eef5fc142cae9bb63fe69ef233 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 22 七月 2024 15:34:47 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'

---
 wechat_jiaxuan/components/disProduct/index.less |  122 +++++++++++++++++++++++++++-------------
 1 files changed, 81 insertions(+), 41 deletions(-)

diff --git a/wechat_jiaxuan/components/disProduct/index.less b/wechat_jiaxuan/components/disProduct/index.less
index de08cd3..f64afe7 100644
--- a/wechat_jiaxuan/components/disProduct/index.less
+++ b/wechat_jiaxuan/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,47 @@
       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{
+      .item {
         height: 100rpx;
         display: flex;
         align-items: center;
         justify-content: center;
-        color: #666666; 
+        color: #666666;
         flex: 1;
-        .name{
+
+        .name {
           margin-right: 12rpx;
         }
       }
     }
-    .query_form{
+
+    .query_form {
       position: absolute;
       z-index: 99;
       background-color: #fff;
-      .list{
+
+      .list {
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         padding: 30rpx 40rpx;
-        .item{
+
+        .item {
           width: 154rpx;
           height: 72rpx;
           text-align: center;
@@ -84,18 +106,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,45 +130,54 @@
           justify-content: center;
           align-items: center;
         }
-        .sub{
+
+        .sub {
           background: var(--themeColor);
           color: #fff;
         }
       }
     }
-    .status{
+
+    .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{
-        width: 50%;
+      .item {
+        width: 242rpx;
         flex-shrink: 0;
         margin-bottom: 32rpx;
-        .img_wrap{
+        .img_wrap {
           width: 242rpx;
           border-radius: 8rpx;
           overflow: hidden;
           position: relative;
-          .img{
+
+          .img {
             width: 100%;
           }
-          .new{
+
+          .new {
             width: 72rpx;
             position: absolute;
             left: 0;
@@ -150,25 +185,30 @@
             z-index: 10;
           }
         }
-        .name{
+
+        .name {
           margin: 12rpx 0 8rpx;
-          display: -webkit-box;//灏嗙洅瀛愯浆鎹负寮规�х洅瀛�
-          -webkit-box-orient: vertical;//鏂囨湰鏄剧ず鏂瑰紡锛岄粯璁ゆ按骞�
-          -webkit-line-clamp: 1;//璁剧疆鏄剧ず澶氬皯琛�
+          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{
+
+          .num {
             margin-right: 16rpx;
           }
-          .primary{
+
+          .primary {
             color: var(--themeColor);
           }
         }

--
Gitblit v1.9.3