<template>
	<div id="scrollAD">
		<el-carousel indicator-position="outside"  height="150px">
		    <el-carousel-item v-for="item in Ande" :key="item" >
		        <h3></h3>
		        <img :src=item.imageUrl >
		    </el-carousel-item>
		</el-carousel>
		
	</div>
</template>

<script>
export default {
		data(){
		return{
			Ande:{},
			
		}
	},
	created(){
		
		this.axios.get('/api/GuangGao').then((response)=>{
			console.log(response);
			response = response.data;
			if(response.errno == 0){
				this.Ande = response.data.focus 
			}
		
		})
	}
	
	
 
}
</script>

<style>
	#scrollAD{
		height: 150px;
		width: 100%;
		img{
			width: 100%;
		}
	}
		.el-carousel__item h3 {
	    color: #475669;
	    font-size: 18px;
	    opacity: 0.75;
	    line-height: 300px;
	    margin: 0;
	  }
	  
	  .el-carousel__item:nth-child(2n) {
	    background-color: #99a9bf;
	  }
	  
	  .el-carousel__item:nth-child(2n+1) {
	    background-color: #d3dce6;
	  }
 
	
</style>