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_staff/pages/index/index.less | 109 +++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 87 insertions(+), 22 deletions(-)
diff --git a/wechat_staff/pages/index/index.less b/wechat_staff/pages/index/index.less
index 8471951..f0bb3b0 100644
--- a/wechat_staff/pages/index/index.less
+++ b/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;
@@ -72,7 +76,7 @@
width: 192rpx;
height: 280rpx;
border-radius: 8rpx;
- border: 1px solid;
+ overflow: hidden;
position: relative;
.img{
width: 100%;
@@ -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;
@@ -101,7 +106,6 @@
image{
width: 88rpx;
height: 88rpx;
- border: 1px solid;
}
.text{
font-size: 26rpx;
@@ -111,23 +115,68 @@
}
// 浜у搧瑙嗛
.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 {
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 +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;
}
}
}
@@ -173,7 +221,7 @@
display: flex;
justify-content: center;
align-items: center;
- padding: 60rpx 0;
+ padding: 0rpx 0 60rpx;
background-color: #fff;
.logo {
width: 246rpx;
@@ -220,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;
}
\ No newline at end of file
--
Gitblit v1.9.3