虽然el-carousel本身不直接支持高度自适应,但你可以通过设置其内部图片的样式来影响整个轮播的高度。对于图片,可以使用object-fit: cover;来保持图片的宽高比,并使其完全覆盖容器,同时设置图片的宽度为100%。然而,这种方法可能需要调整el-carousel-item的样式,使其高度能够自适应图片的高度。 由于el-carousel-item的默认...
<el-carousel :interval="2000" indicator-position="none" id="el-carousel"> <el-carousel-item v-for="item in 4" :key="item"> </el-carousel-item> </el-carousel> </template> export default { data() { return { bannerHeight: 700, screenWidth: 1920, }; }, mounted() { this.set...
el-carousel默认高度为300,高度写死的话,不会自适应屏幕高度。所以高度要设置个动态高度 <el-carousel class="el-carousel" :height="screenheight" trigger="click" :interval="5000"> <el-carousel-item v-for="item in fileList" :key="item.id"> </el-carousel-item> </el-carousel> 要获取到当前...