el轮播图片image单张图比例缩放及多张图宽度固定高度等比例自适应展示；

在使用 Element UI 的 el-carousel 组件来实现图片轮播时，如果你想要单张图片按比例缩放，并且要求多张图片宽度固定而高度等比自适应，你可以通过设置图片的样式来实现。

以下是一个简单的示例代码，展示如何实现你的需求：

<template>
  <el-carousel height="200px">
    <el-carousel-item v-for="item in imageList" :key="item">
      <img :src="item" class="carousel-image" />
    </el-carousel-item>
  </el-carousel>
</template>
 
<script>
export default {
  data() {
    return {
      imageList: [
        'path_to_your_image_1.jpg',
        'path_to_your_image_2.jpg',
        // ...
      ]
    };
  }
};
</script>
 
<style>
.el-carousel__item img {
  width: 100%; /* 设置图片宽度固定 */
  height: auto; /* 高度自适应 */
  display: block; /* 避免图片下方出现空隙 */
}
</style>

在这个示例中，每个 el-carousel-item 中的 img 元素都会按照父元素的宽度（即 100%）进行伸展，并且由于设置了 height: auto，图片的高度会自动调整以保持其原始宽高比。这样，轮播中的每张图片都会以固定的宽度显示，而高度则会根据图片和容器的比例自适应。