From ebc6e7ee67f13e7aa311e737dfcb4c5caed112ee Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 15 八月 2024 18:23:57 +0800
Subject: [PATCH] ll

---
 wechat_jiaxuan/pages/index/index.less |   88 ++++++++++++++++++++++++++++++++------------
 1 files changed, 64 insertions(+), 24 deletions(-)

diff --git a/wechat_jiaxuan/pages/index/index.less b/wechat_jiaxuan/pages/index/index.less
index e2f6d33..df4c5cd 100644
--- a/wechat_jiaxuan/pages/index/index.less
+++ b/wechat_jiaxuan/pages/index/index.less
@@ -4,52 +4,79 @@
   overflow-x: hidden;
   min-height: 100vh;
 
-  .banner_swiper {
-    height: 600rpx;
+  .banner-bax {
+    position: relative;
     width: 100%;
-
-    image {
+    margin: 0 auto 0;
+    .banner_swiper {
+      transition: height 1s;
+      height: 100vh;
       width: 100%;
-      height: 100%;
-      display: block;
+
+      image {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+    }
+    .on{
+      height: calc(100vh - 300rpx);
     }
   }
 
+  .wxImg {
+    width: 54rpx;
+    height: 54rpx;
+    display: block;
+    position: absolute;
+    bottom: 50rpx;
+    left: 50%;
+    z-index: 1;
+    margin-left: -27rpx;
+  }
+
+
   .consult_swiper {
     width: 100%;
+
     image {
       width: 670rpx;
       height: 376rpx;
     }
-    .scroll_text{
+
+    .scroll_text {
       height: 100rpx;
       width: 670rpx;
       white-space: nowrap;
-      overflow: hidden;//鏂囨湰瓒呭嚭闅愯棌
+      overflow: hidden; //鏂囨湰瓒呭嚭闅愯棌
       text-overflow: ellipsis;
       padding-top: 22rpx;
       font-size: 32rpx;
     }
+
     .wx-swiper-dots.wx-swiper-dots-horizontal {
       position: absolute;
       right: 0;
       bottom: 0rpx;
     }
+
     /* 鎸囩ず鐐圭殑鏍峰紡 */
     .wx-swiper-dots .wx-swiper-dot {
       width: 60rpx;
       height: 4rpx;
       background: #f4f4f4;
-      margin-left: -15rpx;
+      margin-left: -16rpx;
       border-radius: 5rpx;
     }
-    
+
     .wx-swiper-dot.wx-swiper-dot-active {
       background: #666666;
     }
   }
-  .consult_wrap{
+
+  .consult_wrap {
     height: 476rpx;
+
     .wx-swiper-dots.wx-swiper-dots-horizontal {
       position: absolute;
       right: 0;
@@ -64,6 +91,7 @@
     align-items: center;
     padding: 0 0 60rpx;
     background-color: #fff;
+
     .logo {
       width: 246rpx;
     }
@@ -74,6 +102,7 @@
     right: 28rpx;
     bottom: 60rpx;
     width: 146rpx;
+    height: 146rpx;
   }
 
   .function_wrap {
@@ -117,7 +146,7 @@
 
   // 浜у搧瑙嗛
   .product_video {
-    padding: 40rpx 40rpx;
+    padding: 34rpx 40rpx 44rpx;
     background-color: #fff;
 
     .video_wrap {
@@ -140,19 +169,26 @@
       }
     }
 
+    video {
+      width: 100%;
+    }
+
   }
 
   .strategy {
-    padding: 80rpx 40rpx;
+    padding: 44rpx 40rpx;
     background: #F7F7F7;
-    .item{
+
+    .item {
       position: relative;
+
       image {
         width: 100%;
         height: 100%;
         position: absolute;
       }
-      text{
+
+      text {
         color: #fff;
         position: absolute;
         bottom: 40rpx;
@@ -161,27 +197,28 @@
         font-weight: 500;
       }
     }
-  
+
     .line {
       display: flex;
       justify-content: space-between;
-  
+
       .line_left {
         width: 324rpx;
         height: 340rpx;
       }
-  
+
       .line_right {
         .item {
           width: 322rpx;
           height: 160rpx;
+
           &:nth-last-child(1) {
             margin-top: 20rpx;
           }
         }
       }
     }
-  
+
     .home_id {
       width: 670rpx;
       height: 240rpx;
@@ -191,7 +228,7 @@
 
   // 鍜ㄨ
   .consult {
-    padding: 40rpx 40rpx 60rpx;
+    padding: 44rpx 40rpx;
     background: #fff;
   }
 
@@ -213,10 +250,12 @@
       color: #111111;
       line-height: 34rpx;
       flex: 1;
+
       .name {
         display: flex;
         align-items: center;
         margin-bottom: 10rpx;
+
         .icon {
           width: 36rpx;
           height: 36rpx;
@@ -238,10 +277,12 @@
 
   }
 }
-.auth{
+
+.auth {
   background-color: #fff;
 }
-.home_title{
+
+.home_title {
   font-weight: 600;
   font-size: 38rpx;
 }
@@ -259,5 +300,4 @@
     font-weight: bold;
     font-size: 40rpx;
   }
-}
-
+}
\ No newline at end of file

--
Gitblit v1.9.3