cargar el banner

2021-01-19 16:19:54 -06:00
parent e8fe077b89
commit 4667e34747
11 changed files with 12728 additions and 12723 deletions
@@ -1,82 +1,87 @@
-<template>
-  <div class="divMaster row ">
-    <div
-      id="carouselExampleControls"
-      class="carousel slide col-md-10 col-lg-10 col-xl-10 my-5 col-12 mx-auto"
-      data-ride="carousel"
-    >
-      <div class="carousel-inner">
-        <div
-          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>
-      <a
-        class="carousel-control-prev"
-        href="#carouselExampleControls"
-        role="button"
-        data-slide="prev"
-      >
-        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-        <span class="sr-only">Previous</span>
-      </a>
-      <a
-        class="carousel-control-next"
-        href="#carouselExampleControls"
-        role="button"
-        data-slide="next"
-      >
-        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-        <span class="sr-only">Next</span>
-      </a>
-    </div>
-  </div>
-</template>
-
-<script>
-import axios from "axios";
-import config from "../config/config.js";
-
-export default {
-  data() {
-    return {
-      Libros: []
-    };
-  },
-  async created() {
-    try {
-      let path = `${config.api}/imagenCarrusel?nombre=`;
-      let nombres = await axios.get(`${config.api}/nombreCarrusel`);
-      nombres = nombres.data.data;
-      for (let i = 0; i < nombres.length; i++) {
-        //console.log(path);
-        let config = {
-          // example url
-          url: `${path}${nombres[i]}`,
-          method: "GET",
-          responseType: "blob"
-        };
-        await axios(config).then(response => {
-          let reader = new FileReader();
-          reader.readAsDataURL(response.data);
-          reader.onload = () => {
-            this.Libros.push({ id: i, img: reader.result });
-          };
-        });
-      }
-    } catch (error) {
-      console.log(`Ocurrio un error msj: ${error}`);
-    }
-  }
-};
-</script>
-
-<style scoped>
-.divMaster {
-  height: auto;
-}
-</style>
+<template>
+  <div class="divMaster row ">
+    <div
+      id="carouselExampleControls"
+      class="carousel slide col-md-10 col-lg-10 col-xl-10 my-5 col-12 mx-auto"
+      data-ride="carousel"
+    >
+      <div class="carousel-inner">
+        <div
+          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>
+      <a
+        class="carousel-control-prev"
+        href="#carouselExampleControls"
+        role="button"
+        data-slide="prev"
+      >
+        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+        <span class="sr-only">Previous</span>
+      </a>
+      <a
+        class="carousel-control-next"
+        href="#carouselExampleControls"
+        role="button"
+        data-slide="next"
+      >
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="sr-only">Next</span>
+      </a>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+import config from "../config/config.js";
+
+export default {
+  data() {
+    return {
+      Libros: []
+    };
+  },
+  async created() {
+    try {
+      let path = `${config.api}/imagenCarrusel?nombre=`;
+      let nombres = await axios.get(`${config.api}/nombreCarrusel`);
+      nombres = nombres.data.data;
+      for (let i = 0; i < nombres.length; i++) {
+        //console.log(path);
+        let config = {
+          // example url
+          url: `${path}${nombres[i]}`,
+          method: "GET",
+          responseType: "blob"
+        };
+        try{
+          await axios(config).then(response => {
+            let reader = new FileReader();
+            reader.readAsDataURL(response.data);
+            reader.onload = () => {
+              this.Libros.push({ id: i, img: reader.result });
+            };
+          });
+        }
+        catch(error){
+          console.log(error);
+        }
+      }
+    } catch (error) {
+      console.log(`Ocurrio un error msj: ${error}`);
+    }
+  }
+};
+</script>
+
+<style scoped>
+.divMaster {
+  height: auto;
+}
+</style>