提交

jiangping

2024-07-30 b022834cf81ea67a6f28d31cc057d494ac6dc8ed

 wechat_staff/pages/index/index.wxss

@@ -1,3 +1,10 @@
.search_fix {
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 206rpx;
  background-color: white;
}
.search_wrap {
  display: flex;
  align-items: center;
@@ -15,7 +22,7 @@
.everyday {
  width: 670rpx;
  height: 466rpx;
  margin: 40rpx;
  margin: 206rpx 40rpx 0rpx 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;
@@ -81,7 +88,7 @@
.func_lsit {
  display: flex;
  justify-content: space-between;
  padding: 60rpx;
  padding: 20rpx 60rpx;
}
.func_lsit .item {
  width: 120rpx;
@@ -99,13 +106,43 @@
  margin-top: 20rpx;
}
.product_video {
  padding: 72rpx 40rpx;
  padding: 40rpx 40rpx;
  background-color: #fff;
}
.product_video video {
.product_video .video_wrap {
  width: 670rpx;
  height: 300rpx;
  border: 1px solid;
  position: relative;
}
.product_video .video_wrap .play {
  width: 60rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.product_video .video_wrap .img {
  width: 670rpx;
  height: 376rpx;
}
.consult_swiper {
  width: 100%;
}
.consult_swiper image {
  width: 100%;
}
.consult_swiper .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;
@@ -133,14 +170,14 @@
}
.strategy .line .line_left {
  width: 324rpx;
  height: 304rpx;
  height: 340rpx;
}
.strategy .line .line_right .item {
  width: 322rpx;
  height: 140rpx;
  height: 160rpx;
}
.strategy .line .line_right .item:nth-last-child(1) {
  margin-top: 24rpx;
  margin-top: 20rpx;
}
.strategy .home_id {
  width: 670rpx;
@@ -160,7 +197,7 @@
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60rpx 0;
  padding: 0rpx 0 60rpx;
  background-color: #fff;
}
.logo_wrap .logo {
@@ -201,3 +238,19 @@
.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;
}