danielGe/PortaFront
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

home responsivo terminado

Browse Source
This commit is contained in:
DanielRamirezGe
2020-08-14 01:25:28 -05:00
parent f2e6840ffa
commit 6863cf7306
7 changed files with 86 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/carrusel.vue
+3 -33
View File
@@ -7,27 +7,13 @@
>
<div class="carousel-inner">
<div
class="carousel-item "
class="carousel-item"
v-bind:key="libro.id"
v-for="(libro, idx) in Libros"
:class="{ active: idx == 0 }"
>
<img :src="libro.img" class="d-block w-100 img-fluid" alt="img" />
</div>
<!-- <div class="carousel-item">
<img
src="https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
class="d-block w-100 img-fluid"
alt="img"
/>
</div>
<div class="carousel-item">
<img
src="https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
class="d-block w-100 img-fluid"
alt="img"
/>
</div> -->
</div>
<a
class="carousel-control-prev"
@@ -58,23 +44,7 @@ import config from "../config/config.js";
export default {
data() {
return {
Libros: [
{
id: 0,
img:
"https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
},
{
id: 1,
img:
"https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
},
{
id: 2,
img:
"https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
}
]
Libros: []
};
},
async created() {
@@ -93,7 +63,7 @@ export default {
let reader = new FileReader();
reader.readAsDataURL(response.data);
reader.onload = () => {
this.imagenes.push({ id: i, img: reader.result });
this.Libros.push({ id: i, img: reader.result });
};
});
}