<template> | |
<div class="slider-item-container"> | |
<image class="slider-item-image" src="{{image}}"></image> | |
</div> | |
</template> | |
<script> | |
module.exports = { | |
data: { | |
image: '', | |
link: '', | |
href: '' | |
}, | |
methods: { | |
ready: function() { | |
this.href = this.link; | |
} | |
} | |
}; | |
</script> | |
<style> | |
.slider-item-container { | |
width: 542px; | |
height: 360px; | |
justify-content: center; | |
flex-direction: row; | |
padding: 10px; | |
} | |
.slider-item-image { | |
width: 542px; | |
height: 360px; | |
} | |
</style> |