element中走馬燈高度適配內容的高度

  • 先用一個圖片撐起整個的高度,以後在循環遍歷數組中的圖片,餓了麼的走馬燈默認高度爲300px 直接見下代碼:
<el-carousel-item
                v-for="(item,index) in dialogData.lookDetail.picList"
                :key="index"
              >
                <img
                  class='width100'
                  @load="getHeight"
                  :src="item"
                  ref='image'
                  alt=""
                >
              </el-carousel-item>
		//一、 撐起el-carousel__containe
              <img :src="dialogData.lookDetail.picList[0]" class="toolImg" alt="">
            </el-carousel>
		二、css:
		.el-carousel__container{
		  height: auto!important;
		}
		三、設置負責撐起容器的圖片的css
		 .toolImg{
			width: 100%;
			opacity: 0;
		  }
相關文章
相關標籤/搜索