ll

liukangdong

2024-08-15 ebc6e7ee67f13e7aa311e737dfcb4c5caed112ee

 wechat_staff/pages/index/index.less

@@ -1,3 +1,9 @@
.search_fix{
  position: fixed;
  z-index: 10000;
  width: 100%;
  background-color: white;
}
.search_wrap {
  display: flex;
  align-items: center;
@@ -7,22 +13,20 @@
  border: 2rpx solid #B08771;
  padding: 0 30rpx;
  margin-left: 40rpx;

  .icon {
    width: 28rpx;
    height: 28rpx;
    margin-right: 18rpx;
  }
}

} 
.everyday {
  width: 670rpx;
  height: 466rpx;
  margin: 40rpx;
  margin: 160rpx 40rpx 30rpx 40rpx;
  background: linear-gradient(180deg, #F2E7E1 0%, #FEFEFD 30%, #FFFFFF 100%), #FFFFFF;
  box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(176, 135, 113, 0.2);
  border-radius: 8rpx;
  padding: 30rpx;

  .header {
    display: flex;
    justify-content: space-between;
@@ -83,6 +87,7 @@
        top: 0;
        left: 0;
        width: 76rpx;
        height: 32rpx;
      }
    }
    
@@ -91,7 +96,7 @@
.func_lsit{
  display: flex;
  justify-content: space-between;
  padding: 60rpx;
  padding: 20rpx 60rpx;
  .item{
    width: 120rpx;
    display: flex;
@@ -110,14 +115,48 @@
}
// 产品视频
.product_video {
  padding: 72rpx 40rpx;
  padding: 40rpx 40rpx 44rpx;
  background-color: #fff;

  video {
  .video_wrap {
    width: 670rpx;
    height: 300rpx;
    border: 1px solid;
    position: relative;
    .play {
      width: 60rpx;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
    }

    .img {
      width: 670rpx;
      height: 376rpx;
    }
  }
  video{
    width: 100%;
  }

}
.consult_swiper {
  width: 100%;
  image {
    width: 100%;
  }
  .scroll_text{
    height: 100rpx;
    width: 670rpx;
    white-space: nowrap;
        overflow: hidden;//文本超出隐藏
        text-overflow: ellipsis;
    padding-top: 20rpx;
    font-size: 32rpx;
  }
}
.consult {
  padding: 40rpx 40rpx 60rpx;
  background: #fff;
}

.strategy {
@@ -146,16 +185,15 @@

    .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;
        }
      }
    }
@@ -183,7 +221,7 @@
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60rpx 0;
  padding: 0rpx 0 60rpx;
  background-color: #fff;
  .logo {
    width: 246rpx;
@@ -230,4 +268,21 @@
}
.home_ar{
  width: 44rpx;
}
.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;
  border-radius: 5rpx;
}

.wx-swiper-dot.wx-swiper-dot-active {
  background: #666666;
}