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;
		  }
相关文章
相关标签/搜索