From 5a1cc511d0a16970d5d56fad3cfeaab8f0d903d2 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期五, 26 七月 2024 15:19:40 +0800
Subject: [PATCH] 提交
---
wechat_jiaxuan/pages/index/index.wxss | 81 ++++++++++++++++++++++++++++++++--------
1 files changed, 65 insertions(+), 16 deletions(-)
diff --git a/wechat_jiaxuan/pages/index/index.wxss b/wechat_jiaxuan/pages/index/index.wxss
index 81dce26..57cf50e 100644
--- a/wechat_jiaxuan/pages/index/index.wxss
+++ b/wechat_jiaxuan/pages/index/index.wxss
@@ -1,7 +1,7 @@
.container {
background-color: #f7f7f7;
overflow-y: auto;
- height: 100vh;
+ min-height: 100vh;
}
.container .banner_swiper {
height: 600rpx;
@@ -13,20 +13,26 @@
display: block;
}
.container .consult_swiper {
- height: 420rpx;
width: 100%;
}
.container .consult_swiper image {
width: 100%;
- height: 100%;
- display: block;
+}
+.container .consult_swiper .scroll_text {
+ height: 100rpx;
+ width: 670rpx;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ padding-top: 20rpx;
+ font-size: 32rpx;
}
.container .logo_wrap {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
- padding: 60rpx 0;
+ padding: 0 0 60rpx;
background-color: #fff;
}
.container .logo_wrap .logo {
@@ -72,21 +78,43 @@
color: #666666;
}
.container .product_video {
- padding: 72rpx 40rpx;
+ padding: 40rpx 40rpx;
background-color: #fff;
}
-.container .product_video video {
+.container .product_video .video_wrap {
width: 670rpx;
- height: 300rpx;
- border: 1px solid;
+ position: relative;
+}
+.container .product_video .video_wrap .play {
+ width: 60rpx;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 1;
+}
+.container .product_video .video_wrap .img {
+ width: 100%;
}
.container .strategy {
padding: 80rpx 40rpx;
background: #F7F7F7;
}
-.container .strategy image {
+.container .strategy .item {
+ position: relative;
+}
+.container .strategy .item image {
width: 100%;
height: 100%;
+ position: absolute;
+}
+.container .strategy .item text {
+ color: #fff;
+ position: absolute;
+ bottom: 40rpx;
+ left: 40rpx;
+ font-size: 32rpx;
+ font-weight: 500;
}
.container .strategy .line {
display: flex;
@@ -94,14 +122,14 @@
}
.container .strategy .line .line_left {
width: 324rpx;
- height: 304rpx;
+ height: 340rpx;
}
.container .strategy .line .line_right .item {
width: 322rpx;
- height: 140rpx;
+ height: 160rpx;
}
.container .strategy .line .line_right .item:nth-last-child(1) {
- margin-top: 24rpx;
+ margin-top: 20rpx;
}
.container .strategy .home_id {
width: 670rpx;
@@ -109,7 +137,7 @@
margin-top: 24rpx;
}
.container .consult {
- padding: 80rpx 40rpx 60rpx;
+ padding: 40rpx 40rpx 60rpx;
background: #fff;
}
.container .service {
@@ -125,14 +153,15 @@
}
.container .com_header .left {
font-weight: 600;
- font-size: 36rpx;
+ font-size: 34rpx;
color: #111111;
- line-height: 50rpx;
+ line-height: 34rpx;
flex: 1;
}
.container .com_header .left .name {
display: flex;
align-items: center;
+ margin-bottom: 10rpx;
}
.container .com_header .left .name .icon {
width: 36rpx;
@@ -148,3 +177,23 @@
width: 44rpx;
height: 44rpx;
}
+.auth {
+ background-color: #fff;
+}
+.home_title {
+ font-weight: 600;
+ font-size: 38rpx;
+}
+.top-head-transparent {
+ background-color: transparent !important;
+}
+.top-head-transparent .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;
+}
--
Gitblit v1.9.3