Browse Source

修改港口滚动有空白问题

wangchao 3 years ago
parent
commit
8e3613d3ce
1 changed files with 11 additions and 5 deletions
  1. 11 5
      pages/sale/information.vue

+ 11 - 5
pages/sale/information.vue

@@ -31,7 +31,7 @@
 				<view class='title'>工厂价格</view>
 				<view class='title'>工厂价格</view>
 				<view style='color:#B2B3BB;' @click='more("/pages/sale/plant")'>更多</view>
 				<view style='color:#B2B3BB;' @click='more("/pages/sale/plant")'>更多</view>
 			</view>
 			</view>
-			<swiper class="screen-swiper header-swiper" :autoplay="true" interval="3000" duration="500" :circular="true"
+			<swiper class="screen-swiper header-swiper" :autoplay="true" interval="6000" duration="500" :circular="true"
 				:acceleration="true" style="min-height: 380px;">
 				:acceleration="true" style="min-height: 380px;">
 				<swiper-item class="" v-for="(item1,index) in factoryPriceData.list" :key="index">
 				<swiper-item class="" v-for="(item1,index) in factoryPriceData.list" :key="index">
 					<view class='guess-section-wrap-item clearfix' v-for='(item,index1) in item1' :key="index1">
 					<view class='guess-section-wrap-item clearfix' v-for='(item,index1) in item1' :key="index1">
@@ -60,8 +60,9 @@
 			<!-- <uni-notice-bar scrollable="true" single="true" background-color="white" :portList="portList" ></uni-notice-bar> -->
 			<!-- <uni-notice-bar scrollable="true" single="true" background-color="white" :portList="portList" ></uni-notice-bar> -->
 			<swiper class="screen-swiper header-swiper-port" :autoplay="true" interval="0" duration="60000"
 			<swiper class="screen-swiper header-swiper-port" :autoplay="true" interval="0" duration="60000"
 				:circular="true" :acceleration="true">
 				:circular="true" :acceleration="true">
-				<swiper-item class="" v-for="(item1,index) in portPriceData.list" :key="index">
-					<view class='guess-section-wrap-item clearfix' v-for='(item,index1) in item1' :key="index1">
+				<swiper-item class="" v-for="(item,index) in portList" :key="index">
+					<view class='guess-section-wrap-item clearfix'>
+						<!-- <view class='guess-section-wrap-item clearfix' v-for='(item,index1) in item1' :key="index1"> -->
 						<view class='factory'>{{item.port}}</view>
 						<view class='factory'>{{item.port}}</view>
 						<view class='wrap'>{{item.goodsName}}</view>
 						<view class='wrap'>{{item.goodsName}}</view>
 						<view class='price'>
 						<view class='price'>
@@ -890,7 +891,7 @@
 		width: 38vw;
 		width: 38vw;
 		background: #F9F9FA;
 		background: #F9F9FA;
 		padding: 10px;
 		padding: 10px;
-		
+
 		margin: 20rpx;
 		margin: 20rpx;
 		border-radius: 3px;
 		border-radius: 3px;
 		// width:50%;
 		// width:50%;
@@ -1157,8 +1158,13 @@
 	.header-swiper-port {
 	.header-swiper-port {
 		height: 120px;
 		height: 120px;
 		min-height: 120px;
 		min-height: 120px;
+
+		/deep/.uni-swiper-slide-frame {
+			width: 50% !important;
+		}
 	}
 	}
-	.port-number-style{
+
+	.port-number-style {
 		display: flex;
 		display: flex;
 		align-items: center;
 		align-items: center;
 		margin-right: 14rpx;
 		margin-right: 14rpx;