From 1cee3a660c5f8e5f4290ae894c2898c4966a834d Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期五, 02 八月 2024 18:33:33 +0800
Subject: [PATCH] ''

---
 wechat_jiaxuan/pages/index/index.less |   82 ++++++++++++++++++++++++++++++----------
 1 files changed, 61 insertions(+), 21 deletions(-)

diff --git a/wechat_jiaxuan/pages/index/index.less b/wechat_jiaxuan/pages/index/index.less
index 15cd49b..df4c5cd 100644
--- a/wechat_jiaxuan/pages/index/index.less
+++ b/wechat_jiaxuan/pages/index/index.less
@@ -4,37 +4,62 @@
   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;
@@ -43,13 +68,15 @@
       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 {
@@ -82,6 +111,7 @@
     justify-content: space-between;
     background-color: #fff;
     padding: 40rpx;
+
     .item {
       width: 214rpx;
       height: 232rpx;
@@ -118,6 +148,7 @@
   .product_video {
     padding: 34rpx 40rpx 44rpx;
     background-color: #fff;
+
     .video_wrap {
       width: 670rpx;
       position: relative;
@@ -137,7 +168,8 @@
         height: 376rpx;
       }
     }
-    video{
+
+    video {
       width: 100%;
     }
 
@@ -146,14 +178,17 @@
   .strategy {
     padding: 44rpx 40rpx;
     background: #F7F7F7;
-    .item{
+
+    .item {
       position: relative;
+
       image {
         width: 100%;
         height: 100%;
         position: absolute;
       }
-      text{
+
+      text {
         color: #fff;
         position: absolute;
         bottom: 40rpx;
@@ -162,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;
@@ -207,16 +243,19 @@
     align-items: center;
     width: 670rpx;
     margin-bottom: 42rpx;
+
     .left {
       font-weight: 600;
       font-size: 34rpx;
       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