From cabbca85b518f561d0dc2b7a7ec11d6922785b86 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期三, 10 七月 2024 17:52:38 +0800
Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/zbomyoujia

---
 wechat_jiaxuan/components/disProduct/index.less |  174 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 174 insertions(+), 0 deletions(-)

diff --git a/wechat_jiaxuan/components/disProduct/index.less b/wechat_jiaxuan/components/disProduct/index.less
new file mode 100644
index 0000000..5e22d80
--- /dev/null
+++ b/wechat_jiaxuan/components/disProduct/index.less
@@ -0,0 +1,174 @@
+.search_wrap{
+  width: 670rpx;
+  height: 72rpx;
+  margin: 24rpx auto;
+  background: #F7F7F7;
+  border-radius: 8rpx;
+  padding: 0 40rpx;
+  display: flex;
+  align-items: center;
+  background-color: #F7F7F7;
+  image{
+    width: 28rpx;
+    margin-right: 16rpx;
+  }
+}
+
+.app{
+  height: 100%;
+  width: 100%;
+}
+.main_content{
+  display: flex;
+  height: calc( 100% - 120rpx );
+  .main_left{
+    width: 160rpx;
+    height: 100%;
+    overflow-y: auto;
+    border-radius: 0rpx 16rpx 16rpx 0rpx;
+    .item{
+      width: 160rpx;
+      height: 100rpx;
+      background: #F7F7F7;
+      font-weight: 400;
+      font-size: 26rpx;
+      color: #666666;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .active{
+      background-color: #fff;
+      font-weight: 500;
+      font-size: 30rpx;
+      color: #111111;
+    }
+  }
+  .main_right{
+    flex: 1;
+    position: relative;
+    .query_wrap{
+      display: flex;
+      .item{
+        height: 100rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #666666; 
+        flex: 1;
+        .name{
+          margin-right: 12rpx;
+        }
+      }
+    }
+    .query_form{
+      position: absolute;
+      background-color: #fff;
+      .list{
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        padding: 30rpx 40rpx;
+        .item{
+          width: 154rpx;
+          height: 72rpx;
+          text-align: center;
+          line-height: 70rpx;
+          background: #F7F7F7;
+          border-radius: 8rpx;
+          font-size: 26rpx;
+          color: #333333;
+          white-space: nowrap;
+          overflow: hidden;//鏂囨湰瓒呭嚭闅愯棌
+          text-overflow: ellipsis;
+          margin-right: 24rpx;
+          margin-bottom: 24rpx;
+          &:nth-of-type(3n){
+            margin-right: 0;
+          }
+        }
+        .active{
+          color: var(--themeColor);
+          background: rgba(176,135,113,0.08);
+        }
+      }
+      .btns{
+        display: flex;
+        .btn{
+          width: 296rpx;
+          height: 88rpx;
+          background: #E5E5E5;
+          color: #666666;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+        .sub{
+          background: var(--themeColor);
+          color: #fff;
+        }
+      }
+    }
+    .status{
+      display: flex;
+      padding: 0rpx 40rpx;
+      margin: 20rpx 0;
+      align-items: center;
+      .active{
+        color: var(--themeColor);
+      }
+      .separate{
+        margin: 0 12rpx;
+        width: 1rpx;
+        height: 28rpx;
+        background-color: #333333;
+      }
+    }
+    .goods_list{
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      padding: 12rpx 40rpx;
+      .item{
+        flex-shrink: 0;
+        margin-bottom: 32rpx;
+        .img_wrap{
+          width: 242rpx;
+          height: 136rpx;
+          border-radius: 8rpx;
+          overflow: hidden;
+          position: relative;
+          .img{
+            width: 100%;
+            height: 100%;
+          }
+          .new{
+            width: 72rpx;
+            position: absolute;
+            left: 0;
+            top: 0;
+            z-index: 100;
+          }
+        }
+        .name{
+          margin: 12rpx 0 8rpx;
+        }
+        .info{
+          display: flex;
+          align-items: center;
+          color: #666666;
+          .icon{
+            width: 28rpx;
+            margin-right: 8rpx;
+          }
+          .num{
+            margin-right: 16rpx;
+          }
+          .primary{
+            color: var(--themeColor);
+          }
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

--
Gitblit v1.9.3