From 86fc8bbb09df7bbeb50fa714ff8bb4aea85ffef5 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期一, 29 七月 2024 15:57:17 +0800
Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/zbomyoujia
---
wechat_jiaxuan/pages/index/index.less | 137 ++++++++++++++++++++++++++++++++++++---------
1 files changed, 108 insertions(+), 29 deletions(-)
diff --git a/wechat_jiaxuan/pages/index/index.less b/wechat_jiaxuan/pages/index/index.less
index 8b5fbdd..84b775d 100644
--- a/wechat_jiaxuan/pages/index/index.less
+++ b/wechat_jiaxuan/pages/index/index.less
@@ -1,7 +1,9 @@
.container {
background-color: #f7f7f7;
overflow-y: auto;
- height: 100vh;
+ overflow-x: hidden;
+ min-height: 100vh;
+
.banner_swiper {
height: 600rpx;
width: 100%;
@@ -14,13 +16,43 @@
}
.consult_swiper {
- height: 420rpx;
width: 100%;
-
image {
- width: 100%;
- height: 100%;
- display: block;
+ width: 670rpx;
+ height: 376rpx;
+ }
+ .scroll_text{
+ height: 100rpx;
+ width: 670rpx;
+ white-space: nowrap;
+ overflow: hidden;//鏂囨湰瓒呭嚭闅愯棌
+ text-overflow: ellipsis;
+ padding-top: 22rpx;
+ font-size: 32rpx;
+ }
+ .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;
+ }
+ }
+ .consult_wrap{
+ .wx-swiper-dots.wx-swiper-dots-horizontal {
+ position: absolute;
+ right: 0;
+ bottom: 10rpx;
}
}
@@ -29,7 +61,7 @@
display: flex;
justify-content: center;
align-items: center;
- padding: 60rpx 0;
+ padding: 0 0 60rpx;
background-color: #fff;
.logo {
width: 246rpx;
@@ -84,46 +116,71 @@
// 浜у搧瑙嗛
.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;
+ height: 60rpx;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 1;
+ }
+
+ .img {
+ width: 670rpx;
+ height: 376rpx;
+ }
}
+
}
.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 {
display: flex;
justify-content: space-between;
-
+
.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;
}
}
}
}
-
+
.home_id {
width: 670rpx;
height: 240rpx;
@@ -133,7 +190,7 @@
// 鍜ㄨ
.consult {
- padding: 80rpx 40rpx 60rpx;
+ padding: 40rpx 40rpx 60rpx;
background: #fff;
}
@@ -151,15 +208,14 @@
.left {
font-weight: 600;
- font-size: 36rpx;
+ font-size: 34rpx;
color: #111111;
- line-height: 50rpx;
+ line-height: 34rpx;
flex: 1;
-
.name {
display: flex;
align-items: center;
-
+ margin-bottom: 10rpx;
.icon {
width: 36rpx;
height: 36rpx;
@@ -180,4 +236,27 @@
}
}
-}
\ No newline at end of file
+}
+.auth{
+ background-color: #fff;
+}
+.home_title{
+ font-weight: 600;
+ font-size: 38rpx;
+}
+
+.top-head-transparent {
+ background-color: transparent !important;
+
+ .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