actualizacion puntos de venta y lineamientos
This commit is contained in:
@@ -0,0 +1,47 @@
|
||||
<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>
|
||||
<a :href="linkW" target="__blank">
|
||||
<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>
|
||||
Reference in New Issue
Block a user