全屏轮播宽度100%动态获取图片高度并居中显示

 

xml :

  <!-- 轮播 -->
  <view class="showNone show" >
    <view class="dian" style="margin-top:{
  {list[tabIndex].top}}px ">
      <swiper class='dianswiper' style="height:{
  {list[tabIndex].imageHeight}}px;" current="{
  {tabIndex}}" bindchange='diannum'>
        <!-- interval='5000' autoplay='true' bindchange='num' -->
        <block wx:for='{
  {list}}' wx:key='item'>
          <swiper-item>
            <image bindload="imageLoad"  data-index="{
  {index}}" style="height:{
  {item.imageHeight}}px;" src='{
  {item.img}}