Vue.js 在Vue js中的元素Ui旋转木马中添加图像和文本

请告诉我，我还没有使用VueJs，正在处理一个新项目，我在为Vue添加元素UI旋转木马时遇到问题，请告诉我如何在旋转木马中添加图像和文本

  <el-carousel :interval="4000" type="card" height="400px">
    <el-carousel-item v-for="item in 6" :key="item">
      <h3 class="medium">{{ item }}</h3>
    </el-carousel-item>
  </el-carousel>
</template>

<script>
export default {
  data(){
    return{
      
    }
  }
}
</script>

{{item}}
导出默认值{
数据（）{
返回{
}
}
}

这里是到CodeSandbox的链接

---

通过重复

并将文本/图像放入幻灯片，您可以将内容放入幻灯片中

您可以这样简单地将内容放入：

<el-carousel :interval="4000" type="card" height="300px">
    <el-carousel-item>
      <div class="item">
        <div class="item__content">
          Text for slide 1
        </div>
        <img class="item__image" src="https://picsum.photos/300?random=1" alt="" />
      </div>
    </el-carousel-item>
    <el-carousel-item>
      <div class="item">
        <div class="item__content">
          Another text for slide 2
        </div>
        <img class="item__image" src="https://picsum.photos/300?random=2" alt="" />
      </div>
    </el-carousel-item>
    <el-carousel-item>
      <div class="item">
        <div class="item__content">
          Yet another for third image
        </div>
        <img class="item__image" src="https://picsum.photos/300?random=3" alt="" />
      </div>
    </el-carousel-item>
  </el-carousel>

幻灯片1的文本
幻灯片2的另一个文本
第三张图片的另一张

我创建了一个示例，在该示例中，我向旋转木马添加了不同的图像和一些文本：

---

这是否回答了您的问题？

您可以通过重复

并将文本/图像放入幻灯片中来将内容放入幻灯片中

您可以这样简单地将内容放入：

<el-carousel :interval="4000" type="card" height="300px">
    <el-carousel-item>
      <div class="item">
        <div class="item__content">
          Text for slide 1
        </div>
        <img class="item__image" src="https://picsum.photos/300?random=1" alt="" />
      </div>
    </el-carousel-item>
    <el-carousel-item>
      <div class="item">
        <div class="item__content">
          Another text for slide 2
        </div>
        <img class="item__image" src="https://picsum.photos/300?random=2" alt="" />
      </div>
    </el-carousel-item>
    <el-carousel-item>
      <div class="item">
        <div class="item__content">
          Yet another for third image
        </div>
        <img class="item__image" src="https://picsum.photos/300?random=3" alt="" />
      </div>
    </el-carousel-item>
  </el-carousel>

幻灯片1的文本
幻灯片2的另一个文本
第三张图片的另一张

我创建了一个示例，在该示例中，我向旋转木马添加了不同的图像和一些文本：

---

这是否回答了您的问题？

您是否可以提供一个包含示例的代码沙盒？这是一个链接，你可以提供一个代码沙盒和例子吗？这是我的代码与你的代码类似的链接，但我在

el carousel item

中的卡片中也有一些按钮。您知道如何调整行李传送带项目的宽度吗？因为它的宽度对于我放置在旋转木马项目中的卡来说似乎太大了。我的代码与您的代码类似，但我在

el旋转木马项目中的卡中也有一些按钮。您知道如何调整行李传送带项目的宽度吗？因为它的宽度似乎太大的卡，我放在旋转木马项目。