2020-10-01 02:27:10 -05:00
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="row d-flex align-items-center tamaño cuerpo">
|
|
|
|
|
<div class="col-12 col-sm-12 col-md-4 col-lg-6 col-xl-6 p-0">
|
|
|
|
|
<img class="card-img" :src="img" alt="Card image cap" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-12 col-sm-12 col-md-8 col-lg-6 col-xl-6 card-body ">
|
|
|
|
|
<p class="card-text-right">{{ text }}</p>
|
2020-10-01 11:53:58 -05:00
|
|
|
<a :href="linkW" target="_blank" download>
|
2020-10-01 02:27:10 -05:00
|
|
|
<span v-if="linkD != '' && linkW == ''"> Descargar aqui</span>
|
|
|
|
|
<span v-if="linkD == '' && linkW != ''"> Visita nuestra pagina </span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
props: ["linkD", "linkW", "img", "text"],
|
|
|
|
|
data() {
|
|
|
|
|
return {};
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
.tamaño {
|
|
|
|
|
width: 40rem;
|
|
|
|
|
}
|
|
|
|
|
.cuerpo {
|
|
|
|
|
-webkit-box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
|
|
|
|
|
-moz-box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
|
|
|
|
|
box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: 440px) {
|
|
|
|
|
.tamaño {
|
|
|
|
|
width: 18rem;
|
|
|
|
|
}
|
|
|
|
|
.cuerpo {
|
|
|
|
|
-webkit-box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
|
|
|
|
|
-moz-box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
|
|
|
|
|
box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
