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/disRealpic/index.less |  127 ++++++++++++++++++++++++++++++++---------
 1 files changed, 98 insertions(+), 29 deletions(-)

diff --git a/wechat_staff/components/disRealpic/index.less b/wechat_staff/components/disRealpic/index.less
index 409cd72..6ed5ae6 100644
--- a/wechat_staff/components/disRealpic/index.less
+++ b/wechat_staff/components/disRealpic/index.less
@@ -18,35 +18,56 @@
 .app {
   height: 100%;
   width: 100%;
+  .home_content{
+    height: 100%;
+  }
 }
+.home_top{
+  position: fixed;
+  z-index: 9999;
+  width: 100%;
+  background-color: #fff;
+}
+.main_content{
+  height: 100%;
+  padding-top: 120rpx;
 
-.main_content {
-  height: calc(100% - 120rpx);
+  .query_wrap_scroll {
+    width: 750rpx;
+    padding: 0 40rpx;
+  }
+
   .query_wrap {
     display: flex;
-    padding: 0 16rpx;
+
     .item {
+      margin-right: 36rpx;
       height: 88rpx;
       display: flex;
+      flex-shrink: 0;
       align-items: center;
       justify-content: center;
       color: #666666;
-      flex: 1;
+
       .name {
         margin-right: 6rpx;
       }
     }
   }
+
   .query_param {
     position: absolute;
-    z-index: 99;
+    z-index: 999;
     background-color: #fff;
     width: 100%;
+
     .list {
       width: 100%;
       display: flex;
       flex-wrap: wrap;
       padding: 30rpx 40rpx;
+      max-height: 400rpx;
+      overflow: auto;
       .item {
         width: 202rpx;
         height: 72rpx;
@@ -66,13 +87,16 @@
           margin-right: 0;
         }
       }
+
       .active {
         color: var(--themeColor);
         background: rgba(176, 135, 113, 0.08);
       }
     }
+
     .btns {
       display: flex;
+
       .btn {
         flex: 1;
         height: 88rpx;
@@ -89,13 +113,19 @@
       }
     }
   }
+  .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;
+    height: 100rpx;
     align-items: center;
-
     .active {
       color: var(--themeColor);
     }
@@ -107,59 +137,98 @@
       background-color: #333333;
     }
   }
-  .goods_list{
+
+  .goods_list {
     padding: 12rpx 40rpx;
+    height: calc( 100% - 188rpx);
+    box-sizing: border-box;
     display: flex;
     flex-wrap: wrap;
-    justify-content: space-between;
-    .item{
+    justify-content: space-around;
+    .item {
       width: 324rpx;
-      margin-bottom: 60rpx;
-      .img_wrap{
+      margin-bottom: 32rpx;
+
+      .img_wrap {
         width: 100%;
         height: 182rpx;
         border-radius: 8rpx;
         overflow: hidden;
         position: relative;
-        .img{
+
+        .play {
+          width: 60rpx;
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          z-index: 1;
+        }
+
+        .full {
+          position: absolute;
+          top: 32rpx;
+          right: 32rpx;
+          font-size: 20rpx;
+          color: rgba(255, 255, 255, 0.8);
+          width: 112rpx;
+          height: 42rpx;
+          background: rgba(0, 0, 0, 0.54);
+          border-radius: 30rpx;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          .icon {
+            width: 24rpx;
+            margin-right: 4rpx;
+          }
+        }
+
+        .img {
           width: 100%;
           height: 100%;
         }
-        .tag{
-          padding: 0 10rpx;
-          height: 46rpx;
-          line-height: 46rpx;
-          text-align: center;
-          background: rgba(0,0,0,0.4);
-          border-radius: 8rpx;
+
+        .new {
+          width: 72rpx;
           position: absolute;
-          left: 12rpx;
-          top: 16rpx;
-          color: #fff;
-          font-size: 24rpx;
+          left: 0;
+          top: 0;
           z-index: 10;
         }
       }
-      .name{
+
+      .content {
+        display: flex;
+        justify-content: space-between;
+        padding: 0 10rpx;
+      }
+
+      .name {
         margin: 12rpx 0 8rpx;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         flex: 1;
       }
-      .info{
+
+      .info {
         display: flex;
         align-items: center;
         color: #666666;
         margin-left: 12rpx;
-        .icon{
+
+        .icon {
           width: 28rpx;
           margin-right: 8rpx;
         }
-        .num{
+
+        .num {
           margin-right: 28rpx;
         }
-        .primary{
+
+        .primary {
           color: var(--themeColor);
         }
       }

--
Gitblit v1.9.3