.slyder-c
ScrollHorizontal(v-if="datos.length" :selectedId="selected" item-full-width)
.slyder-c__slyde(
v-for="(item,index) in datos"
:key="'key-'+getId(index)"
:id="getId(index)"
)
.slyder-c__imagen.mb-4
figure.slyder-c__img
img(:src='item.imagen', :alt='item.leyendaImagen')
figcaption(v-if="item.leyendaImagen") {{item.leyendaImagen}}
.slyder-c__content
.slyder-c__content__header.mb-4
.row
.col
h3.mb-2.mb-md-0(v-if="item.hasOwnProperty('titulo')" v-html="item.titulo")
.col-auto
.slyder__action
.slyder__pagination {{index+1}}/{{datos.length}}
a.slyder__btn(v-if="index -1 >= 0" @click="selected = getId(index -1)")
i.fas.fa-angle-left
a.slyder__btn(
v-if="index != datos.length -1"
@click="selected = getId(index +1)"
@mouseover="mostrarIndicador = false"
)
i.fas.fa-angle-right
.indicador__container.indicador--left(v-if="mostrarIndicador && index === 0")
.indicador--click.indicador--sm
.slyder-c__content__body
p.mb-3(v-html="item.texto")