助力活动页轮播图修改

后端研发-倪永富
1 parent afc260dc
Showing 4 changed files with 29 additions and 5 deletions
app.wxss
pages/user/assistance/task_assistance.js
pages/user/assistance/task_assistance.wxml
pages/user/assistance/task_assistance.wxss
@@ -36,6 +36,13 @@ button {
     white-space: nowrap;
     text-overflow: ellipsis;
 }
+.ellipsis-1x {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
 .ellipsis-2 {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -63,6 +63,8 @@ Page({
     zltime: "", //助力时间
     djs: "", //定时器的显示
     //*********************************************end
+		
+		Hei: 0, 
   },
   /**
@@ -1071,6 +1073,19 @@ Page({
     var aitem = this.data.aitem;
     var task_id = aitem[ind].id;
     getApp().goto("/pages/test/zhuli_test?taskId="+task_id);
-  }
+  },
+	
+	
+	imgH:function(e){
+		
+	    var winWid = wx.getSystemInfoSync().windowWidth;      //获取当前屏幕的宽度
+	    var imgh = e.detail.height;　　　　　　　　　　　　　　　　//图片高度
+	    var imgw = e.detail.width;
+	    var swiperH = winWid*0.827*imgh/imgw + "px"　　　　　　　　　　//等比设置swiper的高度。  即 屏幕宽度 / swiper高度 = 图片宽度 / 图片高度    ==》swiper高度 = 屏幕宽度 * 图片高度 / 图片宽度
+	    console.log('imgload',winWid, imgh, imgw, swiperH);
+			this.setData({
+	      Hei:swiperH　　　　　　　　//设置高度
+	    })
+	},
 })
@@ -16,17 +16,19 @@
     </view>
   </view>
   <!-- 图片的轮播图 -->
-  <view class="xc-specific-more-frame flex-center">
+  <view class="xc-specific-more-frame flex-center" style="height:{{Hei}};">
     <view bindtap="click_pre">
       <view class="bg_left xc-left bcolor"></view>
     </view>
-    <swiper bindanimationfinish="changeGoodsSwip" current="{{sw_index}}" style='width:82.7%; height:100%' bindchange='onSli' indicator-dots="{{false}}" autoplay="{{false}}">
+		<!-- <swiper bindanimationfinish="changeGoodsSwip" current="{{sw_index}}" style='width:82.7%; height:100%' bindchange='onSli' indicator-dots="{{false}}" autoplay="{{false}}"> -->
+    <swiper bindanimationfinish="changeGoodsSwip" current="{{sw_index}}" style='' bindchange='onSli' indicator-dots="{{false}}" autoplay="{{false}}" style='width:82.7%;height: 100%;'>
       <swiper-item class="rel" wx:for="{{aitem}}" wx:for-item="aitem" wx:for-index="pidx">
-        <image class="xc-center-img" bindtap="libao_details" data-taskid="{{aitem.id}}"  src="{{aitem.giftBagUrl!=null&&aitem.giftBagUrl!=''?iurl+aitem.giftBagUrl:swpie_img}}"></image>
+        <image class="xc-center-img" bindtap="libao_details" data-taskid="{{aitem.id}}"  src="{{aitem.giftBagUrl!=null&&aitem.giftBagUrl!=''?iurl+aitem.giftBagUrl:swpie_img}}" mode="widthFix" bindload='imgH' style="width: 100%;display: block;"></image>
         <view bindtap="libao_details" data-taskid="{{aitem.id}}" class="abs select_details fs26 white">礼包详情</view>
       </swiper-item>
+
     </swiper>
     <view bindtap="click_next">
@@ -13,7 +13,7 @@ page {
 }
 .top-back {
   width: 100%;
-  height:65%;
+  /* height:65%; */
   background-repead: no-repead;
   background-size: 100% 100%;
 }