From a9031233fec4a2d2bbfac6839d31b278a2453ca5 Mon Sep 17 00:00:00 2001
From: wangjiahai <1556608@qq.com>
Date: Mon, 5 Feb 2024 16:18:54 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E5=85=85=E8=8F=9C=E7=AA=96=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修改起订协议为滚动
修复轮播图大小不按比例显示的问题
修复底部卡片白色背景布局顶部圆角消失的问题
修复轮播图的指示器与底部背景距离保持不变
修复轮播图不能点击的问题
---
 pages/home/cloudCard2.vue | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/pages/home/cloudCard2.vue b/pages/home/cloudCard2.vue
index f618df9..ddd3817 100644
--- a/pages/home/cloudCard2.vue
+++ b/pages/home/cloudCard2.vue
@@ -3,14 +3,14 @@
 	<view
 		style="display: flex;flex-direction: column;height: 100vh;background: -webkit-linear-gradient(left,#FEA65F,#FB9440);">
 
-		<view class="top" style="position: fixed;z-index: 2;">
+		<view class="top" style="position: fixed;">
 
 			<swiper class="swiper" ref="swiper" :indicator-dots="true" :autoplay="true" :interval="3000"
 				:duration="1200" :circular='true'>
 
 				<swiper-item v-for="(item,index) in imgList" style="" @click="swiperClick(item)">
 
-					<image :src="item.bannerUrl" style="width: 100%; " mode="scaleToFill">
+					<image :src="item.bannerUrl" style="width: 100vw;height: 50vw; " mode="scaleToFill">
 
 					</image>
 				</swiper-item>
@@ -20,7 +20,7 @@
 
 		</view>
 
-		<loading-state ref="pageView" @request="request" style="z-index: 0;">
+		<loading-state ref="pageView" @request="request">
 
 			<!-- 总高度 - 底部导航栏高度 60px -->
 			<view style="height: calc(100vh - 60px);box-sizing: border-box;display: flex;flex-direction: column;">
@@ -29,7 +29,7 @@
 				<view style="height: calc(50vw - 15px);width: 100%;"></view>
 
 				<view
-					style="background: #fff; width: 100%; border-radius: 15px;display: flex;flex-direction: column; box-sizing: border-box;flex: 1">
+					style="background: #fff; width: 100%; border-radius: 15px;display: flex;flex-direction: column; box-sizing: border-box;flex: 1;z-index: 1;">
 
 					<view class="center" style="">
 
@@ -48,8 +48,7 @@
 
 						<view style="width: 77%;background-color: #fff;overflow-y: auto;">
 
-							<view
-								style="z-index: 1;background: #FFFFFF;position: sticky;top: 0;padding: 10px; margin-top: 10px;">
+							<view style="z-index: 1;background: #FFFFFF;position: sticky;top: 0;padding: 10px; ">
 
 								<view style="display: flex;flex-direction: row;overflow-x: auto;">
 
@@ -206,7 +205,6 @@
 		</loading-state>
 
 
-
 		<uni-popup ref="inputDialog" type="dialog">
 			<uni-popup-dialog ref="inputClose" mode="more" title="订购协议" :showConfirm="true"
 				:beforeClose="dialogBeforeClose" @confirm="dialogInputConfirm"
@@ -214,7 +212,7 @@
 		</uni-popup>
 
 		<uni-popup ref="inputDialog2" type="dialog">
-			<uni-popup-dialog ref="inputClose" mode="base" title="起订说明" :showConfirm="true"
+			<uni-popup-dialog ref="inputClose" mode="more" title="起订说明" :showConfirm="true"
 				:beforeClose="dialogBeforeClose2" @confirm="dialogInputConfirm2"
 				:content="data.brandVos[selectIndex2].qdxy"></uni-popup-dialog>
 		</uni-popup>
@@ -947,7 +945,8 @@
 	.wx-swiper-dots {
 		position: relative;
 		left: 50%;
-		top: 90%;
+		/* 轮播图总高度 50vw-指示器点的大小12rxp-覆盖的高度15px - 覆盖的到指示器的高度5px */
+		top: calc(50vw - 20px - 12rpx);
 	}
 
 	.swiper /deep/ .wx-swiper-dot {