From b2d360d9113b6955287108ca9e90d76a1f3c1419 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期日, 29 九月 2024 15:05:11 +0800
Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/zbomyoujia

---
 wechat_jiaxuan/pages/index/index.less |  173 ++++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 146 insertions(+), 27 deletions(-)

diff --git a/wechat_jiaxuan/pages/index/index.less b/wechat_jiaxuan/pages/index/index.less
index cfde896..df4c5cd 100644
--- a/wechat_jiaxuan/pages/index/index.less
+++ b/wechat_jiaxuan/pages/index/index.less
@@ -1,26 +1,86 @@
 .container {
   background-color: #f7f7f7;
   overflow-y: auto;
-  height: 100vh;
-  .banner_swiper {
-    height: 600rpx;
-    width: 100%;
+  overflow-x: hidden;
+  min-height: 100vh;
 
-    image {
+  .banner-bax {
+    position: relative;
+    width: 100%;
+    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 {
-    height: 420rpx;
     width: 100%;
 
     image {
-      width: 100%;
-      height: 100%;
-      display: block;
+      width: 670rpx;
+      height: 376rpx;
+    }
+
+    .scroll_text {
+      height: 100rpx;
+      width: 670rpx;
+      white-space: nowrap;
+      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: -16rpx;
+      border-radius: 5rpx;
+    }
+
+    .wx-swiper-dot.wx-swiper-dot-active {
+      background: #666666;
+    }
+  }
+
+  .consult_wrap {
+    height: 476rpx;
+
+    .wx-swiper-dots.wx-swiper-dots-horizontal {
+      position: absolute;
+      right: 0;
+      bottom: 10rpx;
     }
   }
 
@@ -29,8 +89,9 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    padding: 60rpx 0;
+    padding: 0 0 60rpx;
     background-color: #fff;
+
     .logo {
       width: 246rpx;
     }
@@ -41,6 +102,7 @@
     right: 28rpx;
     bottom: 60rpx;
     width: 146rpx;
+    height: 146rpx;
   }
 
   .function_wrap {
@@ -64,7 +126,6 @@
         width: 72rpx;
         height: 72rpx;
         background: #FFFFFF;
-        border: 1px solid;
         border-radius: 50%;
       }
 
@@ -85,23 +146,56 @@
 
   // 浜у搧瑙嗛
   .product_video {
-    padding: 72rpx 40rpx;
+    padding: 34rpx 40rpx 44rpx;
     background-color: #fff;
 
-    video {
+    .video_wrap {
       width: 670rpx;
-      height: 300rpx;
-      border: 1px solid;
+      position: relative;
+
+      .play {
+        width: 60rpx;
+        height: 60rpx;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        z-index: 1;
+      }
+
+      .img {
+        width: 670rpx;
+        height: 376rpx;
+      }
     }
+
+    video {
+      width: 100%;
+    }
+
   }
 
   .strategy {
-    padding: 80rpx 40rpx;
+    padding: 44rpx 40rpx;
     background: #F7F7F7;
 
-    image {
-      width: 100%;
-      height: 100%;
+    .item {
+      position: relative;
+
+      image {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+      }
+
+      text {
+        color: #fff;
+        position: absolute;
+        bottom: 40rpx;
+        left: 40rpx;
+        font-size: 32rpx;
+        font-weight: 500;
+      }
     }
 
     .line {
@@ -110,16 +204,16 @@
 
       .line_left {
         width: 324rpx;
-        height: 304rpx;
+        height: 340rpx;
       }
 
       .line_right {
         .item {
           width: 322rpx;
-          height: 140rpx;
+          height: 160rpx;
 
           &:nth-last-child(1) {
-            margin-top: 24rpx;
+            margin-top: 20rpx;
           }
         }
       }
@@ -134,7 +228,7 @@
 
   // 鍜ㄨ
   .consult {
-    padding: 80rpx 40rpx 60rpx;
+    padding: 44rpx 40rpx;
     background: #fff;
   }
 
@@ -152,14 +246,15 @@
 
     .left {
       font-weight: 600;
-      font-size: 36rpx;
+      font-size: 34rpx;
       color: #111111;
-      line-height: 50rpx;
+      line-height: 34rpx;
       flex: 1;
 
       .name {
         display: flex;
         align-items: center;
+        margin-bottom: 10rpx;
 
         .icon {
           width: 36rpx;
@@ -181,4 +276,28 @@
     }
 
   }
+}
+
+.auth {
+  background-color: #fff;
+}
+
+.home_title {
+  font-weight: 600;
+  font-size: 38rpx;
+}
+
+.top-head-transparent {
+  background-color: transparent !important;
+
+  .van-nav-bar__title {
+    /* color: #fff; */
+    width: calc(100% - 80rpx);
+    max-width: 100%;
+    padding: 0 40rpx;
+    text-align: left;
+    color: #fff;
+    font-weight: bold;
+    font-size: 40rpx;
+  }
 }
\ No newline at end of file

--
Gitblit v1.9.3