提交

jiangping

2024-07-29 d9a89d83c2048a964f16ca179feb2b7f21b9d33a

 wechat_staff/pages/index/index.less

@@ -72,7 +72,7 @@
      width: 192rpx;
      height: 280rpx;
      border-radius: 8rpx;
      border: 1px solid;
      overflow: hidden;
      position: relative;
      .img{
        width: 100%;
@@ -91,7 +91,7 @@
.func_lsit{
  display: flex;
  justify-content: space-between;
  padding: 60rpx;
  padding: 20rpx 60rpx;
  .item{
    width: 120rpx;
    display: flex;
@@ -101,7 +101,6 @@
    image{
      width: 88rpx;
      height: 88rpx;
      border: 1px solid;
    }
    .text{
      font-size: 26rpx;
@@ -111,23 +110,67 @@
}
// 产品视频
.product_video {
  padding: 72rpx 40rpx;
  padding: 40rpx 40rpx;
  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;
    }
  }

}
.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 {
  padding: 80rpx 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 {
@@ -136,16 +179,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;
        }
      }
    }
@@ -173,7 +215,7 @@
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60rpx 0;
  padding: 0rpx 0 60rpx;
  background-color: #fff;
  .logo {
    width: 246rpx;
@@ -220,4 +262,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;
}