Advertisement

Vue与Element UI组件结合使用,在走马灯效果下实现图片的自适应展示

阅读量:
在这里插入图片描述

以上为最终呈现效果~
相关代码 (zmd.vue) :

复制代码
    <template>
      <el-carousel :interval="4000" type="card" height="200px">
      <el-carousel-item v-for="item in imagebox" :key="item.id">
        <img :src="item.idView" class="image">
      </el-carousel-item>
    </el-carousel>
    </template>
    
    <script>
      export default{
    name:'zmd',
    data(){
      return {
        imagebox:[{id:0,idView:require('../assets/imagebox/1.jpg')},
        {id:1,idView:require('../assets/imagebox/2.jpg'

全部评论 (0)

还没有任何评论哟~