幸运购活动列表封面图高度自适应

后端研发-苏泰源
1 parent 4056caab
Showing 3 changed files with 16 additions and 3 deletions
packageC/pages/luckyGo/luckyGo_activityList/luckyGo_activityList.js
packageC/pages/luckyGo/luckyGo_activityList/luckyGo_activityList.wxml
packageC/pages/luckyGo/luckyGo_activityList/luckyGo_activityList.wxss
@@ -10,6 +10,7 @@ Page({
 		isLoading: false, // 检测是否已经发送请求,防止重复发送请求
 		noMore: false, // 检测是否有更多数据,true为没有更多数据,false为还有数据
 		pageNum: 1, // 当前页数
+		max_sw_height: 0,
   },
  
   onLoad: function (options) {
@@ -222,5 +223,17 @@ Page({
 	// 	}
 	// },
  
+	imageLoad: function (e) {
+	  var imgwidth = e.detail.width;
+	  var imgheight = e.detail.height;
+	  //宽高比
+	  var ratio = imgwidth / imgheight;
+	  //计算的高度值
+	  var viewHeight = 715 / ratio;
+	  if (this.data.max_sw_height < viewHeight) this.setData({
+	    max_sw_height: viewHeight
+	  });
+	},
+	
 })
  
 <wxs module="filters" src="../../../../utils/filter.wxs"></wxs>
 <view>
 	<!-- 广告图 -->
-	<swiper class="ad-container" circular="true" autoplay="true" indicator-dots="true" interval="2500" indicator-active-color="rgba(255,255,255,.5)" wx:if="{{adList && adList.length != 0}}">
+	<swiper class="ad-container" circular="true" autoplay="true" indicator-dots="true" interval="2500" indicator-active-color="rgba(255,255,255,.5)" wx:if="{{adList && adList.length != 0}}" style="height:{{max_sw_height}}rpx">
 		<swiper-item wx:for="{{adList}}">
 			<navigator url="{{item.ad_weapplink}}" style="height: 100%;" hover-class="none" open-type="reLaunch">
-				<image src="{{imghost + item.ad_code}}" class="img-block" bindload="imageLoad" data-index="{{index}}" mode="scaleToFill" lazy-load="true"/>
+				<image src="{{imghost + item.ad_code}}" class="img-block" bindload="imageLoad" data-index="{{index}}" lazy-load="true" mode="widthFix"/>
 			</navigator>
 		</swiper-item>
 	</swiper>
@@ -4,7 +4,7 @@ page {
  
 .ad-container {
 	background-color: #f2f2f2;
-	height: 400rpx;
+	/* height: 400rpx; */
 }
  
 .list {