Compare commits
38 Commits
login
...
tablasFixed
| Author | SHA1 | Date | |
|---|---|---|---|
 casnet1
|
801df5d669 | ||
|
casnet1
|
6b6bc2cd4e | ||
|
casnet1
|
47050252d1 | ||
|
casnet1
|
01b4aee59b | ||
|
casnet1
|
3f8580b19a | ||
|
casnet1
|
e1527f74a0 | ||
 danielGe
|
5b7da58307 | ||
|
danielGe
|
4da72ad48e | ||
|
danielGe
|
043b92e522 | ||
|
casnet1
|
cbf47c7709 | ||
|
casnet1
|
216cac71c8 | ||
|
casnet1
|
d1c4cc0085 | ||
|
casnet1
|
bbf6ac77af | ||
|
casnet1
|
6b7f1d55c0 | ||
|
casnet1
|
b7e1a62b68 | ||
|
danielGe
|
03718594c6 | ||
|
casnet1
|
ac4187e317 | ||
|
casnet1
|
6275d586b4 | ||
|
casnet1
|
762a0335e2 | ||
|
danielGe
|
a1d39e8c45 | ||
|
danielGe
|
fbf269e66d | ||
|
casnet1
|
d5a35a523b | ||
|
casnet1
|
c7350df32e | ||
|
casnet1
|
d0cac70d64 | ||
|
danielGe
|
bbe67324d2 | ||
|
danielGe
|
1690545b2a | ||
|
danielGe
|
ff4af2e97c | ||
|
danielGe
|
1f7f93861a | ||
|
casnet1
|
ad38d4bf33 | ||
|
casnet1
|
1fdfbc803d | ||
|
casnet1
|
ae0b3cc02e | ||
|
danielGe
|
6863cf7306 | ||
|
danielGe
|
f2e6840ffa | ||
|
eithan
|
673ff9c7fc | ||
|
danielGe
|
c085df460d | ||
|
danielGe
|
cecfa871d0 | ||
|
danielGe
|
c8eb7eeda2 | ||
|
danielGe
|
3d33ac2040 |
@@ -1,6 +1,5 @@
|
|||||||
.DS_Store
|
.DS_Store
|
||||||
node_modules
|
node_modules
|
||||||
/dist
|
|
||||||
|
|
||||||
# local env files
|
# local env files
|
||||||
.env.local
|
.env.local
|
||||||
|
|||||||
Vendored
BIN
Binary file not shown.
|
After Width: | Height: | Size: 278 KiB |
Vendored
BIN
Binary file not shown.
|
After Width: | Height: | Size: 278 KiB |
Vendored
+1
File diff suppressed because one or more lines are too long
Vendored
+6
File diff suppressed because one or more lines are too long
Vendored
BIN
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Vendored
BIN
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
Vendored
BIN
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Vendored
BIN
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Vendored
BIN
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Vendored
+1
@@ -0,0 +1 @@
|
|||||||
|
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" type=image/png href=assets/icono.png><title>Portal Editorial Acatlán</title><link href=css/app.f3c1ecc3.css rel=preload as=style><link href=css/chunk-vendors.138628b4.css rel=preload as=style><link href=js/app.c4a9c942.js rel=preload as=script><link href=js/chunk-vendors.8f463115.js rel=preload as=script><link href=css/chunk-vendors.138628b4.css rel=stylesheet><link href=css/app.f3c1ecc3.css rel=stylesheet></head><body><noscript><strong>We're sorry but portal doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.8f463115.js></script><script src=js/app.c4a9c942.js></script></body></html>
|
||||||
Vendored
+2
File diff suppressed because one or more lines are too long
Vendored
+1
File diff suppressed because one or more lines are too long
Vendored
+68
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
Generated
+31
@@ -2231,6 +2231,37 @@
|
|||||||
"integrity": "sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA==",
|
"integrity": "sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"axios": {
|
||||||
|
"version": "0.19.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/axios/-/axios-0.19.2.tgz",
|
||||||
|
"integrity": "sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==",
|
||||||
|
"requires": {
|
||||||
|
"follow-redirects": "1.5.10"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"debug": {
|
||||||
|
"version": "3.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
|
||||||
|
"integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
|
||||||
|
"requires": {
|
||||||
|
"ms": "2.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"follow-redirects": {
|
||||||
|
"version": "1.5.10",
|
||||||
|
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
|
||||||
|
"integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
|
||||||
|
"requires": {
|
||||||
|
"debug": "=3.1.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"ms": {
|
||||||
|
"version": "2.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
|
||||||
|
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"babel-eslint": {
|
"babel-eslint": {
|
||||||
"version": "10.1.0",
|
"version": "10.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
|
||||||
|
|||||||
@@ -8,6 +8,7 @@
|
|||||||
"lint": "vue-cli-service lint"
|
"lint": "vue-cli-service lint"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"axios": "^0.19.2",
|
||||||
"bootstrap": "^4.5.2",
|
"bootstrap": "^4.5.2",
|
||||||
"core-js": "^3.6.5",
|
"core-js": "^3.6.5",
|
||||||
"jquery": "^3.5.1",
|
"jquery": "^3.5.1",
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 278 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 278 KiB |
+2
-2
@@ -4,8 +4,8 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
<link rel="shortcut icon" type="image/png" href="assets/icono.png">
|
||||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
<title>Portal Editorial Acatlán</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<noscript>
|
<noscript>
|
||||||
|
|||||||
@@ -26,4 +26,8 @@ export default {
|
|||||||
.row {
|
.row {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.card-img-top {
|
||||||
|
height: 18rem;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
+44
-23
@@ -1,31 +1,18 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="divMaster row my-5">
|
<div class="divMaster row ">
|
||||||
<div
|
<div
|
||||||
id="carouselExampleControls"
|
id="carouselExampleControls"
|
||||||
class="carousel slide col-md-10 col-lg-10 col-xl-10 col-12 mx-auto"
|
class="carousel slide col-md-10 col-lg-10 col-xl-10 my-5 col-12 mx-auto"
|
||||||
data-ride="carousel"
|
data-ride="carousel"
|
||||||
>
|
>
|
||||||
<div class="carousel-inner">
|
<div class="carousel-inner">
|
||||||
<div class="carousel-item active">
|
<div
|
||||||
<img
|
class="carousel-item"
|
||||||
src="https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
|
v-bind:key="libro.id"
|
||||||
class="d-block w-100 img-fluid"
|
v-for="(libro, idx) in Libros"
|
||||||
alt="img"
|
:class="{ active: idx == 0 }"
|
||||||
/>
|
>
|
||||||
</div>
|
<img :src="libro.img" class="d-block w-100 img-fluid" alt="img" />
|
||||||
<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>
|
||||||
</div>
|
</div>
|
||||||
<a
|
<a
|
||||||
@@ -51,7 +38,41 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {};
|
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>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -6,6 +6,7 @@
|
|||||||
style="width: 12rem;"
|
style="width: 12rem;"
|
||||||
v-bind:key="libro.id"
|
v-bind:key="libro.id"
|
||||||
v-for="libro in Libros"
|
v-for="libro in Libros"
|
||||||
|
@click="descripcion(libro.id)"
|
||||||
>
|
>
|
||||||
<router-link :to="{ path: 'home' }" class="textt">
|
<router-link :to="{ path: 'home' }" class="textt">
|
||||||
<img :src="libro.img" class="card-img-top rounded" alt="libro" />
|
<img :src="libro.img" class="card-img-top rounded" alt="libro" />
|
||||||
@@ -21,96 +22,56 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import axios from "axios";
|
||||||
|
import config from "../config/config.js";
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
Libros: [
|
Libros: []
|
||||||
{
|
|
||||||
id: 0,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 0,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async descripcion(idLibro) {
|
||||||
|
console.log(` Este es el id del libro ${idLibro}`);
|
||||||
|
localStorage.clear();
|
||||||
|
window.localStorage.setItem("idLibro", idLibro);
|
||||||
|
this.$router.push("/desc");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async created() {
|
||||||
|
try {
|
||||||
|
let novedades = await axios.get(`${config.api}/librosNovedades`);
|
||||||
|
let path = `${config.api}/libroImagen?idLibro=`;
|
||||||
|
novedades = novedades.data.data;
|
||||||
|
console.log(`${novedades}`);
|
||||||
|
for (let i = 0; i < novedades.length; i++) {
|
||||||
|
//alert(novedades[i].titulo);
|
||||||
|
//this.Libros[i].title = novedades[i].titulo;
|
||||||
|
let config = {
|
||||||
|
// example url
|
||||||
|
url: `${path}${novedades[i].idLibro}`,
|
||||||
|
method: "GET",
|
||||||
|
responseType: "blob"
|
||||||
|
};
|
||||||
|
try {
|
||||||
|
await axios(config).then(response => {
|
||||||
|
let reader = new FileReader();
|
||||||
|
reader.readAsDataURL(response.data);
|
||||||
|
reader.onload = () => {
|
||||||
|
this.Libros.push({
|
||||||
|
id: novedades[i].idLibro,
|
||||||
|
title: novedades[i].titulo,
|
||||||
|
img: reader.result
|
||||||
|
});
|
||||||
|
};
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.log(`No existe esa imagen`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.log(`Ocurrio un error ${error}`);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
+132
-46
@@ -2,10 +2,13 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row ">
|
<div class="row ">
|
||||||
<div class="col-md-6 col-sm-12 py-5">
|
<div class="col-md-6 col-sm-12 py-5">
|
||||||
<img v-bind:src="rutaIm" class="libro" />
|
<img :src="src" alt="" class="libro" />
|
||||||
<button class="button pre">
|
<button class="button pre" @click="showModal">
|
||||||
Previsualizar</button
|
Previsualizar
|
||||||
><br /><br />
|
</button>
|
||||||
|
|
||||||
|
<modal v-show="isModalVisible" @close="closeModal" :pdfPre="PDF" />
|
||||||
|
<br /><br />
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row izq">
|
<div class="row izq">
|
||||||
<b style="font-size: 18px;" class="izq">Compartir</b><br />
|
<b style="font-size: 18px;" class="izq">Compartir</b><br />
|
||||||
@@ -49,28 +52,33 @@
|
|||||||
<p>{{ version }}</p>
|
<p>{{ version }}</p>
|
||||||
<b>Descripción:</b>
|
<b>Descripción:</b>
|
||||||
<div class="overflow-auto">{{ desc }}</div>
|
<div class="overflow-auto">{{ desc }}</div>
|
||||||
<button class="button ">
|
|
||||||
{{ boton2 }}
|
<a
|
||||||
</button>
|
href="https://demo-tienda.acatlan.unam.mx/"
|
||||||
|
class="button text-white d-flex justify-content-center align-items-center"
|
||||||
|
>
|
||||||
|
<p class="text-center">Comprar</p>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Title title="Similares" />
|
<Title title="Similares" />
|
||||||
<div class="divMaster row mb-5">
|
<div class="divMaster row ">
|
||||||
<div class="col-10 offset-1 d-flex flex-wrap justify-content-center">
|
<div class="col-10 offset-1 d-flex flex-wrap justify-content-center mb-5">
|
||||||
<div
|
<div
|
||||||
class="card m-3"
|
class="card m-3"
|
||||||
style="width: 12rem;"
|
style="width: 12rem;"
|
||||||
v-bind:key="libro.id"
|
v-bind:key="libro.id"
|
||||||
v-for="libro in Libros"
|
v-for="libro in Libros"
|
||||||
|
@click="descripcion(libro.id)"
|
||||||
>
|
>
|
||||||
<router-link :to="{ path: 'home' }" class="textt">
|
<div class="textt">
|
||||||
<img :src="libro.img" class="card-img-top rounded" alt="libro" />
|
<img :src="libro.img" class="card-img-top rounded" alt="libro" />
|
||||||
<div class="card-body cd textt">
|
<div class="card-body cd textt">
|
||||||
<p class="card-text textt">
|
<p class="card-text textt">
|
||||||
{{ libro.title }}
|
{{ libro.title }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</router-link>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -78,49 +86,127 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import axios from "axios";
|
||||||
|
import config from "../config/config.js";
|
||||||
import Title from "../components/titulo.vue";
|
import Title from "../components/titulo.vue";
|
||||||
|
import modal from "../components/previsual.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
Title
|
Title,
|
||||||
|
modal
|
||||||
},
|
},
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
titulo: "Competitive programing",
|
idLibro: "",
|
||||||
autor: "HALIM",
|
titulo: "",
|
||||||
paginas: "300",
|
autor: "",
|
||||||
isbn: "POSF-12-43",
|
paginas: "",
|
||||||
edicion: "Primera edicion",
|
isbn: "",
|
||||||
precio: "$3232.00",
|
edicion: "",
|
||||||
rutaIm:
|
precio: "",
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg",
|
src: "",
|
||||||
version: "Electronica",
|
version: "",
|
||||||
desc: `En relación al estudio del álgebra, las expresiones algebraicas son el conjunto de números, y por símbolos representados por letras que manifiestan un valor desconocido, siendo llamado como incógnita o variable.\n\nLos símbolos se encuentran relacionados a través de signos que indican las operaciones que se necesitan efectuar, bien sea multiplicación, suma, resta, entre otros, con el objetivo de conseguir el resultado de las variables. En este sentido, los términos se distinguen o separan por medio de signos, y en el caso de estar separadas por el signo de igualdad se llama ecuación.`,
|
desc: ``,
|
||||||
boton2: "Comprar",
|
boton2: "",
|
||||||
Libros: [
|
categoria: "",
|
||||||
{
|
Libros: [],
|
||||||
id: 0,
|
|
||||||
title:
|
isModalVisible: false,
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
//PDF: "http://www.ataun.eus/bibliotecagratuita/Cl%C3%A1sicos%20en%20Espa%C3%B1ol/Nicol%C3%A1s%20Maquiavelo/El%20pr%C3%ADncipe.pdf#toolbar=0&navpanes=0&scrollbar=0&zoom=80"
|
||||||
img:
|
PDF: "RUTA.pdf" //nombre del archivo de previsualizacion del libro
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
// "https://www.imprentanacional.go.cr/editorialdigital/libros/literatura%20infantil/el_principito_edincr.pdf"
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title:
|
|
||||||
"Some quick example text to build on the card title and make up the bulk of the cards content.",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async descripcion(idLibro) {
|
||||||
|
localStorage.clear();
|
||||||
|
window.localStorage.setItem("idLibro", idLibro);
|
||||||
|
location.reload();
|
||||||
|
},
|
||||||
|
showModal() {
|
||||||
|
this.isModalVisible = true;
|
||||||
|
},
|
||||||
|
closeModal() {
|
||||||
|
this.isModalVisible = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async created() {
|
||||||
|
let path = `${config.api}`;
|
||||||
|
try {
|
||||||
|
this.idLibro = window.localStorage.getItem("idLibro");
|
||||||
|
let detalle = await axios.get(
|
||||||
|
`${config.api}/libroDetalle?idLibro=${this.idLibro}`
|
||||||
|
);
|
||||||
|
|
||||||
|
detalle = await detalle.data.datos;
|
||||||
|
|
||||||
|
this.titulo = detalle.titulo;
|
||||||
|
this.autor = detalle.autor;
|
||||||
|
this.paginas = detalle.paginas;
|
||||||
|
this.isbn = detalle.isbn;
|
||||||
|
this.edicion = detalle.impresion;
|
||||||
|
this.precio = detalle.precio;
|
||||||
|
this.version = detalle.version;
|
||||||
|
this.desc = detalle.descripcion;
|
||||||
|
this.categoria = detalle.categoria;
|
||||||
|
if (detalle.precio !== "Gratis") this.boton2 = "Comprar";
|
||||||
|
else this.boton2 = "Descargar";
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
let config = {
|
||||||
|
// example url
|
||||||
|
url: `${path}/libroImagen?idLibro=${this.idLibro}`,
|
||||||
|
method: "GET",
|
||||||
|
responseType: "blob"
|
||||||
|
};
|
||||||
|
await axios(config).then(response => {
|
||||||
|
let reader = new FileReader();
|
||||||
|
reader.readAsDataURL(response.data);
|
||||||
|
reader.onload = () => {
|
||||||
|
this.src = reader.result;
|
||||||
|
};
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
let similares = await axios.get(
|
||||||
|
`${config.api}/librosSimilares?categoria=${this.categoria}`
|
||||||
|
);
|
||||||
|
similares = similares.data.data;
|
||||||
|
console.log(`${similares}`);
|
||||||
|
for (let i = 0; i < similares.length; i++) {
|
||||||
|
let config = {
|
||||||
|
// example url
|
||||||
|
url: `${path}/libroImagen?idLibro=${similares[i].idLibro}`,
|
||||||
|
method: "GET",
|
||||||
|
responseType: "blob"
|
||||||
|
};
|
||||||
|
try {
|
||||||
|
await axios(config).then(response => {
|
||||||
|
let reader = new FileReader();
|
||||||
|
reader.readAsDataURL(response.data);
|
||||||
|
reader.onload = () => {
|
||||||
|
this.Libros.push({
|
||||||
|
id: similares[i].idLibro,
|
||||||
|
title: similares[i].titulo,
|
||||||
|
img: reader.result
|
||||||
|
});
|
||||||
|
//this.Libros[i].img = reader.result;
|
||||||
|
};
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.log(`Este libro no se encuentra: ${error}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.log(`Ocurrio un error ${error}`);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,24 +1,35 @@
|
|||||||
<template>
|
<template>
|
||||||
<footer class="container-fluid Azul-puma footer py-3 ">
|
<footer class="container-fluid Azul-puma footer py-3 ">
|
||||||
<container>
|
<div class="container">
|
||||||
<div row>
|
<div row>
|
||||||
|
<router-link to="/comite">
|
||||||
<button type="button" class="col-md-6 col-sm-12 btn boton-footer uno">
|
<button type="button" class="col-md-6 col-sm-12 btn boton-footer uno">
|
||||||
Comité Editorial
|
Comité Editorial
|
||||||
</button>
|
</button>
|
||||||
|
</router-link>
|
||||||
|
<router-link to="/lineamientos">
|
||||||
<button type="button" class="col-md-6 col-sm-12 btn boton-footer dos">
|
<button type="button" class="col-md-6 col-sm-12 btn boton-footer dos">
|
||||||
Política Editorial y Lineamentos
|
Política Editorial y Lineamentos
|
||||||
</button>
|
</button></router-link
|
||||||
<button type="button" class="col-md-6 col-sm-12 btn boton-footer tres">
|
>
|
||||||
|
<router-link to="/proceso">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="col-md-6 col-sm-12 btn boton-footer tres"
|
||||||
|
>
|
||||||
Proceso Editorial y Organismos
|
Proceso Editorial y Organismos
|
||||||
</button>
|
</button>
|
||||||
|
</router-link>
|
||||||
|
<router-link to="/puntos">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
class="col-md-6 col-sm-12 btn boton-footer cuatro"
|
class="col-md-6 col-sm-12 btn boton-footer cuatro"
|
||||||
>
|
>
|
||||||
Puntos de Venta
|
Puntos de Venta
|
||||||
</button>
|
</button>
|
||||||
|
</router-link>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</container>
|
|
||||||
<div row>
|
<div row>
|
||||||
<p class="mb-0 ">Hecho en México, todos los derechos reservados 2020.</p>
|
<p class="mb-0 ">Hecho en México, todos los derechos reservados 2020.</p>
|
||||||
<p class="my-0 ">
|
<p class="my-0 ">
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
<template>
|
<template>
|
||||||
<container>
|
|
||||||
<div class="row divMaster header cl-12 azulUnam">
|
<div class="row divMaster header cl-12 azulUnam">
|
||||||
<div
|
<div
|
||||||
class="logo_unam col-4 offset-1 d-inline-flex my-2 align-items-center"
|
class="logo_unam col-4 offset-1 d-inline-flex my-2 align-items-center"
|
||||||
@@ -33,7 +32,6 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</container>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|||||||
@@ -0,0 +1,94 @@
|
|||||||
|
<template>
|
||||||
|
<transition name="modal">
|
||||||
|
<div class="modal-backdrop" @click.self="close()">
|
||||||
|
<div
|
||||||
|
class="modal"
|
||||||
|
role="dialog"
|
||||||
|
aria-labelledby="modalTitle"
|
||||||
|
aria-describedby="modalDescription"
|
||||||
|
>
|
||||||
|
<section class="modal-body rounded" id="modalDescription">
|
||||||
|
<iframe
|
||||||
|
:src="PDF"
|
||||||
|
width="100%"
|
||||||
|
height="100%"
|
||||||
|
frameborder="0"
|
||||||
|
></iframe>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
//import axios from "axios";
|
||||||
|
import config from "../config/config.js";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: ["pdfPre"], //RUTA.pdf
|
||||||
|
name: "modal",
|
||||||
|
methods: {
|
||||||
|
close() {
|
||||||
|
this.$emit("close");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
PDF: ""
|
||||||
|
};
|
||||||
|
},
|
||||||
|
async created() {
|
||||||
|
try {
|
||||||
|
let path = `${config.api}/PDFget/${this.pdfPre}`;
|
||||||
|
this.PDF = path;
|
||||||
|
/*let PDF = await axios.get(`${config.api}/PDFget/${this.pdfPre}`, {
|
||||||
|
|
||||||
|
responseType: 'blob', //
|
||||||
|
})
|
||||||
|
|
||||||
|
.then(response => {
|
||||||
|
|
||||||
|
this.PDF = PDF
|
||||||
|
// this.user = response.data;
|
||||||
|
console.log("si se pudo", response.data)
|
||||||
|
}).catch(e => {
|
||||||
|
console.log(e);
|
||||||
|
})*/
|
||||||
|
} catch (error) {
|
||||||
|
console.log(`Ocurrio un error msj: ${error}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.modal-backdrop {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal {
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 2px 2px 20px 1px;
|
||||||
|
/* overflow-x: auto; */
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
width: 90%;
|
||||||
|
height: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-body {
|
||||||
|
/* position: relative; */
|
||||||
|
padding: 20px 10px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,99 @@
|
|||||||
|
<template>
|
||||||
|
<div class="divMaster row ">
|
||||||
|
<div class="col-10 offset-1 d-flex flex-wrap justify-content-center mb-5">
|
||||||
|
<div
|
||||||
|
class="card m-3"
|
||||||
|
style="width: 12rem;"
|
||||||
|
v-bind:key="libro.id"
|
||||||
|
v-for="libro in Libros"
|
||||||
|
@click="descripcion(libro.id)"
|
||||||
|
>
|
||||||
|
<router-link :to="{ path: 'home' }" class="textt">
|
||||||
|
<img :src="libro.img" class="card-img-top rounded" alt="libro" />
|
||||||
|
<div class="card-body cd textt">
|
||||||
|
<p class="card-text textt">
|
||||||
|
{{ libro.title }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</router-link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import axios from "axios";
|
||||||
|
import config from "../config/config.js";
|
||||||
|
export default {
|
||||||
|
components: {},
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
categoria: "",
|
||||||
|
Libros: []
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async descripcion(idLibro) {
|
||||||
|
localStorage.clear();
|
||||||
|
window.localStorage.setItem("idLibro", idLibro);
|
||||||
|
this.$router.push("/desc");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async created() {
|
||||||
|
let path = `${config.api}`;
|
||||||
|
this.categoria = window.localStorage.getItem("categoria");
|
||||||
|
try {
|
||||||
|
let similares = await axios.get(
|
||||||
|
`${config.api}/temaLibro?categoria=${this.categoria}`
|
||||||
|
);
|
||||||
|
similares = similares.data.data;
|
||||||
|
console.log(` este es el resutlado${similares}`);
|
||||||
|
for (let i = 0; i < similares.length; i++) {
|
||||||
|
let config = {
|
||||||
|
// example url
|
||||||
|
url: `${path}/libroImagen?idLibro=${similares[i].idLibro}`,
|
||||||
|
method: "GET",
|
||||||
|
responseType: "blob"
|
||||||
|
};
|
||||||
|
try {
|
||||||
|
await axios(config).then(response => {
|
||||||
|
let reader = new FileReader();
|
||||||
|
reader.readAsDataURL(response.data);
|
||||||
|
reader.onload = () => {
|
||||||
|
this.Libros.push({
|
||||||
|
id: similares[i].idLibro,
|
||||||
|
title: similares[i].titulo,
|
||||||
|
img: reader.result
|
||||||
|
});
|
||||||
|
//this.Libros[i].img = reader.result;
|
||||||
|
};
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.log(`Ocurrio un error con la imagen desc: ${error}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.log(`Ocurrio un error ${error}`);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
beforeCreate() {
|
||||||
|
if (!window.localStorage.getItem("categoria")) this.$router.push("/");
|
||||||
|
else this.categoria = window.localStorage.getItem("categoria");
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.divMaster {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.card {
|
||||||
|
border: none !important;
|
||||||
|
border-bottom: 5px solid #1b3d70 !important;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: none !important;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
const config = {
|
||||||
|
//ngrok
|
||||||
|
//api: "https://f8d86328e778.ngrok.io"
|
||||||
|
|
||||||
|
//Local
|
||||||
|
//api: "http://localhost:3001"
|
||||||
|
|
||||||
|
//Pruebas
|
||||||
|
api: "https://venus.acatlan.unam.mx/portal"
|
||||||
|
};
|
||||||
|
module.exports = config;
|
||||||
+154
-14
@@ -18,13 +18,17 @@
|
|||||||
|
|
||||||
<div class="collapse navbar-collapse " id="navbarTogglerDemo02">
|
<div class="collapse navbar-collapse " id="navbarTogglerDemo02">
|
||||||
<ul
|
<ul
|
||||||
class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-around mt-0 mt-lg-0"
|
class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-between mt-0 mt-lg-0"
|
||||||
>
|
>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link text-white" href="#">Inicio</a>
|
<a class="nav-link text-white" href="#" @click="inicio()"
|
||||||
|
>Inicio</a
|
||||||
|
>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link text-white" href="#">Presentacion</a>
|
<a class="nav-link text-white" href="#" @click="presentacion()"
|
||||||
|
>Presentación</a
|
||||||
|
>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item ">
|
<li class="nav-item ">
|
||||||
@@ -45,33 +49,56 @@
|
|||||||
class="dropdown-menu azulUnam"
|
class="dropdown-menu azulUnam"
|
||||||
aria-labelledby="navbarDropdown"
|
aria-labelledby="navbarDropdown"
|
||||||
>
|
>
|
||||||
<a class="dropdown-item text-white" href="#"
|
<a
|
||||||
|
class="dropdown-item text-white"
|
||||||
|
@click="tema('Ciencias Socioeconomicas')"
|
||||||
>Ciencias Socioeconomicas</a
|
>Ciencias Socioeconomicas</a
|
||||||
>
|
>
|
||||||
<div class="dropdown-divider"></div>
|
<div class="dropdown-divider"></div>
|
||||||
<a class="dropdown-item text-white" href="#"
|
<a
|
||||||
|
class="dropdown-item text-white"
|
||||||
|
@click="tema('Diseño y Edificacion')"
|
||||||
>Diseño y Edificacion</a
|
>Diseño y Edificacion</a
|
||||||
>
|
>
|
||||||
<div class="dropdown-divider"></div>
|
<div class="dropdown-divider"></div>
|
||||||
<a class="dropdown-item text-white" href="#"
|
<a
|
||||||
|
class="dropdown-item text-white"
|
||||||
|
@click="tema('Enseñanza de Idiomas')"
|
||||||
>Enseñanza de Idiomas</a
|
>Enseñanza de Idiomas</a
|
||||||
>
|
>
|
||||||
<div class="dropdown-divider"></div>
|
<div class="dropdown-divider"></div>
|
||||||
<a class="dropdown-item text-white" href="#"
|
<a
|
||||||
|
class="dropdown-item text-white"
|
||||||
|
@click="tema('Estudios de Posgrado')"
|
||||||
>Estudios de Posgrado</a
|
>Estudios de Posgrado</a
|
||||||
>
|
>
|
||||||
<div class="dropdown-divider "></div>
|
<div class="dropdown-divider "></div>
|
||||||
<a class="dropdown-item text-white " href="#">Humanidades</a>
|
<a
|
||||||
|
class="dropdown-item text-white "
|
||||||
|
@click="tema('Humanidades')"
|
||||||
|
>Humanidades</a
|
||||||
|
>
|
||||||
<div class="dropdown-divider"></div>
|
<div class="dropdown-divider"></div>
|
||||||
<a class="dropdown-item text-white" href="#"
|
<a
|
||||||
>Matematicas e Ingenieria</a
|
class="dropdown-item text-white"
|
||||||
|
@click="tema('Matematicas e Ingenieria')"
|
||||||
|
>Matemáticas e Ingenieria</a
|
||||||
|
>
|
||||||
|
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a
|
||||||
|
class="dropdown-item text-white"
|
||||||
|
@click="tema('Educacion Abierta')"
|
||||||
|
>Universidad Abierta y Educación a Distancia</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link text-white" href="#">Difusion Editorial</a>
|
<a class="nav-link text-white" href="#" @click="difusion()"
|
||||||
|
>Difusión Editorial</a
|
||||||
|
>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -88,8 +115,9 @@
|
|||||||
placeholder="Buscar"
|
placeholder="Buscar"
|
||||||
aria-label="Recipient's username"
|
aria-label="Recipient's username"
|
||||||
aria-describedby="basic-addon2"
|
aria-describedby="basic-addon2"
|
||||||
|
v-model="nombre"
|
||||||
/>
|
/>
|
||||||
<div class="input-group-append reDer bg-white">
|
<div class="input-group-append reDer bg-white dropdown">
|
||||||
<button class="btn my-0" type="submit">
|
<button class="btn my-0" type="submit">
|
||||||
<svg
|
<svg
|
||||||
width="1em"
|
width="1em"
|
||||||
@@ -97,7 +125,6 @@
|
|||||||
viewBox="0 0 16 16"
|
viewBox="0 0 16 16"
|
||||||
class="bi bi-search blanco"
|
class="bi bi-search blanco"
|
||||||
fill="currentColor"
|
fill="currentColor"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
>
|
||||||
<path
|
<path
|
||||||
fill-rule="evenodd"
|
fill-rule="evenodd"
|
||||||
@@ -111,6 +138,29 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- <div>-->
|
||||||
|
<div v-if="nombre.length > 2" class=" rescont ">
|
||||||
|
<ul class=" dropdown-menu d-block dropdown-menu-right ">
|
||||||
|
<li
|
||||||
|
class=" dropdown-item dropdown-itemBusqueda text-wrap "
|
||||||
|
v-for="item in buscarLibro"
|
||||||
|
v-bind:key="item.idLibro"
|
||||||
|
@click="descripcion(item.idLibro)"
|
||||||
|
>
|
||||||
|
{{ item.titulo }}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- <ul class=" dropdown-menu d-block dropdown-menu-right">
|
||||||
|
<li class="dropdown-item text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
|
||||||
|
|
||||||
|
<li class="dropdown-item dropdown-itemBusqueda text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat nam molestiae delectus aliquid dignissimos ullam illo provident laborum perspiciatis sapiente. Officiis eveniet animi ad beatae iusto cupiditate earum quo enim?</li>
|
||||||
|
<li class=" dropdown-item text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat nam molestiae delectus aliquid dignissimos ullam illo provident laborum perspiciatis sapiente. Officiis eveniet animi ad beatae iusto cupiditate earum quo enim?</li>
|
||||||
|
|
||||||
|
<li class=" dropdown-item text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat nam molestiae delectus aliquid dignissimos ullam illo provident laborum perspiciatis sapiente. Officiis eveniet animi ad beatae iusto cupiditate earum quo enim?</li>
|
||||||
|
|
||||||
|
</ul> -->
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
@@ -118,16 +168,65 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import axios from "axios";
|
||||||
|
import config from "../config/config.js";
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
isExist: true
|
isExist: true,
|
||||||
|
libros: [],
|
||||||
|
nombre: ""
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
async descripcion(idLibro) {
|
||||||
|
console.log(` Este es el id del libro ${idLibro}`);
|
||||||
|
localStorage.clear();
|
||||||
|
window.localStorage.setItem("idLibro", idLibro);
|
||||||
|
this.$router.push("/desc").catch(() => {
|
||||||
|
location.reload();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
inicio() {
|
||||||
|
this.$router.push("/").catch(() => {
|
||||||
|
location.reload();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
difusion() {
|
||||||
|
this.$router.push("/difusion").catch(() => {
|
||||||
|
location.reload();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
presentacion() {
|
||||||
|
this.$router.push("/presentacion").catch(() => {
|
||||||
|
location.reload();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
async tema(categoria) {
|
||||||
|
window.localStorage.setItem("categoria", categoria);
|
||||||
|
this.$router.push("/tema").catch(() => {
|
||||||
|
location.reload();
|
||||||
|
});
|
||||||
|
},
|
||||||
method() {
|
method() {
|
||||||
this.isExist = !this.isExist;
|
this.isExist = !this.isExist;
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
async created() {
|
||||||
|
let path = `${config.api}`;
|
||||||
|
try {
|
||||||
|
let libros = await axios.get(`${path}/getLibros`);
|
||||||
|
this.libros = await libros.data.data;
|
||||||
|
} catch (error) {
|
||||||
|
console.log(`Error ${error}`);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
buscarLibro: function() {
|
||||||
|
return this.libros.filter(item =>
|
||||||
|
item.titulo.toLowerCase().includes(this.nombre.toLowerCase())
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@@ -150,6 +249,7 @@ nav {
|
|||||||
.azulUnam {
|
.azulUnam {
|
||||||
background-color: #1e3c70;
|
background-color: #1e3c70;
|
||||||
}
|
}
|
||||||
|
|
||||||
.doradoUnam {
|
.doradoUnam {
|
||||||
background-color: #bb8800;
|
background-color: #bb8800;
|
||||||
}
|
}
|
||||||
@@ -157,6 +257,12 @@ nav {
|
|||||||
.dropdown-item:hover {
|
.dropdown-item:hover {
|
||||||
background-color: #bb8800;
|
background-color: #bb8800;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dropdown-itemBusqueda:hover {
|
||||||
|
background-color: #1e3c70;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
.nav-link:focus {
|
.nav-link:focus {
|
||||||
background-color: #1e3c70;
|
background-color: #1e3c70;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
@@ -165,6 +271,7 @@ nav {
|
|||||||
.nav-link:hover {
|
.nav-link:hover {
|
||||||
background-color: #1e3c70;
|
background-color: #1e3c70;
|
||||||
color: white;
|
color: white;
|
||||||
|
border-radius: 0.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-link {
|
.nav-link {
|
||||||
@@ -190,10 +297,43 @@ nav {
|
|||||||
border-bottom-left-radius: 20px 20px !important;
|
border-bottom-left-radius: 20px 20px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
.dropdown-menu {
|
||||||
|
width: 10% !important;
|
||||||
|
} */
|
||||||
|
|
||||||
|
.dropdown {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-content {
|
||||||
|
position: absolute;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
min-width: 160px;
|
||||||
|
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
|
||||||
|
/* padding: 12px 16px; */
|
||||||
|
top: 0.8rem;
|
||||||
|
left: -10rem;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.rescont {
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-group-item {
|
||||||
|
padding: 12px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 450px) {
|
@media (max-width: 450px) {
|
||||||
.menuText,
|
.menuText,
|
||||||
.buscador {
|
.buscador {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
width: 80vw !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
+12
-1
@@ -2,11 +2,22 @@ import home from "./view/home.vue";
|
|||||||
import login from "./view/login.vue";
|
import login from "./view/login.vue";
|
||||||
import libroDescripcion from "./view/libroDescripcion.vue";
|
import libroDescripcion from "./view/libroDescripcion.vue";
|
||||||
import difusion from "./view/difusion.vue";
|
import difusion from "./view/difusion.vue";
|
||||||
|
import lineamientos from "./view/lineamiento.vue";
|
||||||
|
import tema from "./view/tema.vue";
|
||||||
|
import comite from "./view/comite.vue";
|
||||||
|
import presentacion from "./view/presentacion.vue";
|
||||||
|
import proceso from "./view/proceso.vue";
|
||||||
|
import puntos from "./view/puntos.vue";
|
||||||
|
|
||||||
export const routes = [
|
export const routes = [
|
||||||
{ path: "/", component: home, name: "form" },
|
{ path: "/", component: home, name: "form" },
|
||||||
{ path: "/login", component: login, name: "Login" },
|
{ path: "/login", component: login, name: "Login" },
|
||||||
{ path: "/desc", component: libroDescripcion, name: "LibroDesc" },
|
{ path: "/desc", component: libroDescripcion, name: "LibroDesc" },
|
||||||
{ path: "/difusion", component: difusion, name: "difusion" },
|
{ path: "/difusion", component: difusion, name: "difusion" },
|
||||||
|
{ path: "/lineamientos", component: lineamientos, name: "lineamientos" },
|
||||||
|
{ path: "/tema", component: tema, name: "tema" },
|
||||||
|
{ path: "/comite", component: comite, name: "comite" },
|
||||||
|
{ path: "/presentacion", component: presentacion, name: "presentacion" },
|
||||||
|
{ path: "/proceso", component: proceso, name: proceso },
|
||||||
|
{ path: "/puntos", component: puntos, name: puntos }
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -0,0 +1,109 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<Header></Header>
|
||||||
|
<Nav></Nav>
|
||||||
|
|
||||||
|
<div class="my-4 gente">
|
||||||
|
<h1 class="text-center">Comité Editorial</h1>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-10 mx-auto">
|
||||||
|
<p class="text-justify">
|
||||||
|
El Comité Editorial de la Facultad de Estudios Superiores Acatlán es
|
||||||
|
el órgano colegiado que establece y regula los procedimientos para
|
||||||
|
la recepción, dictamen, selección, edición, impresión, difusión,
|
||||||
|
promoción, almacenamiento, preservación, distribución y
|
||||||
|
comercialización de sus publicaciones. (Art. 1, PyLE).
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Dr. Manuel Martínez Justo</p>
|
||||||
|
<strong> Presidente del Comité Editorial</strong>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>Mtro. Fernando Martínez Ramírez</p>
|
||||||
|
<strong> Secretario Ejecutivo del Comité Editorial</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Mtra. Nora Goris Mayans</p>
|
||||||
|
<strong> Secretaria General Académica</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Dr. Alejandro Byrd Orozco</p>
|
||||||
|
<strong>
|
||||||
|
Secretario de Extensión Universitaria y Vinculación
|
||||||
|
Institucional</strong
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Mtro. Carlos Nandayapa Hernández</p>
|
||||||
|
<strong> Secretario de Estudios Profesionales</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Dra. Laura Páez Díaz de León</p>
|
||||||
|
<strong> Secretaria de Posgrado e Investigación</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Lic. Verónica Puma Galicia</p>
|
||||||
|
<strong> Coordinadora del Centro de Enseñanza de Idiomas</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Lic. Jorge Reyes Caldera Arroyo</p>
|
||||||
|
<strong> Jefe de la División de Ciencias Jurídicas</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Dra. Claudia Márquez Díaz</p>
|
||||||
|
<strong> Jefa de la División de Ciencias Socioeconómicas</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Mtro. Rubén Juárez Santana</p>
|
||||||
|
<strong> Jefe de la División de Diseño y Edificación</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Mtra. María Luisa Morales Martínez</p>
|
||||||
|
<strong> Jefa de la División de Humanidades</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Act. Luz María Lavín Alanís</p>
|
||||||
|
<strong> Jefa de la División de Matemáticas e Ingeniería</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Lic. Aída Villalobos Sosa</p>
|
||||||
|
<strong>
|
||||||
|
Jefa de la División del Sistema Universidad Abierta y Educación a
|
||||||
|
Distancia</strong
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>D.G. Norma Guadalupe Rojas Borja</p>
|
||||||
|
<strong> Secretaria de Actas</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Footer></Footer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Header from "./../components/header.vue";
|
||||||
|
import Nav from "./../esteticas/nav.vue";
|
||||||
|
//import Nav from "./../components/navPrincipal.vue";
|
||||||
|
import Footer from "./../components/footer.vue";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
Header,
|
||||||
|
Nav,
|
||||||
|
Footer
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.gente div {
|
||||||
|
margin: 1rem 0px;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -11,7 +11,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Header from "./../components/header.vue";
|
import Header from "./../components/header.vue";
|
||||||
import Nav from "./../components/navPrincipal.vue";
|
import Nav from "./../esteticas/nav.vue";
|
||||||
import Descrip from "./../components/descripcion.vue";
|
import Descrip from "./../components/descripcion.vue";
|
||||||
import Footer from "./../components/footer.vue";
|
import Footer from "./../components/footer.vue";
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
+30
-13
@@ -1,13 +1,32 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<Header></Header>
|
<Header />
|
||||||
<h1 class="my-5">Inicia Sesion</h1>
|
<h1 class="my-5">Inicia Sesion</h1>
|
||||||
<div class="row d-flex justify-content-center">
|
<div class="row d-flex justify-content-center">
|
||||||
<div class="col-12 col-md-8 col-lg-6 col-xl-6">
|
<div class="col-12 col-md-8 col-lg-6 col-xl-6">
|
||||||
<form class="row d-flex justify-content-center">
|
<form class="row d-flex justify-content-center">
|
||||||
<input type="text" v-model="data.email" id="login" class="form-control col-8" name="login" placeholder="Usuario">
|
<input
|
||||||
<input type="password" v-model="data.password" id="password" class="form-control col-8 my-3" name="login" placeholder="Contraseña">
|
type="text"
|
||||||
<input type="button" @click="login" class="btn bg-primary text-white col-5" value="Ingresar">
|
v-model="data.email"
|
||||||
|
id="login"
|
||||||
|
class="form-control col-8"
|
||||||
|
name="login"
|
||||||
|
placeholder="Usuario"
|
||||||
|
/>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
v-model="data.password"
|
||||||
|
id="password"
|
||||||
|
class="form-control col-8 my-3"
|
||||||
|
name="login"
|
||||||
|
placeholder="Contraseña"
|
||||||
|
/>
|
||||||
|
<input
|
||||||
|
type="button"
|
||||||
|
@click="login"
|
||||||
|
class="btn bg-primary text-white col-5"
|
||||||
|
value="Ingresar"
|
||||||
|
/>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -15,28 +34,26 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
import Header from "./../components/header.vue";
|
import Header from "./../components/header.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
data: {
|
data: {
|
||||||
email:'',
|
email: "",
|
||||||
password:''
|
password: ""
|
||||||
}}
|
}
|
||||||
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
login() {
|
login() {
|
||||||
alert(this.data.email)
|
alert(this.data.email);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
Header
|
Header
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style></style>
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|||||||
@@ -0,0 +1,70 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<Header></Header>
|
||||||
|
<Nav></Nav>
|
||||||
|
<div>
|
||||||
|
<h1 class="my-4">Presentación</h1>
|
||||||
|
<div class="row presentacion">
|
||||||
|
<div class="col-10 offset-1 text-justify mb-5">
|
||||||
|
<p>
|
||||||
|
En atención al Programa Estratégico 3. Facultad del Siglo XXI, del
|
||||||
|
Plan de Desarrollo Institucional 2017-2021 de la Facultad de
|
||||||
|
Estudios Superiores Acatlán, en el cual, mediante la línea de acción
|
||||||
|
3.2. Modernización de la gestión, se establece la actualización del
|
||||||
|
portal editorial de la Facultad, la Coordinación de Servicios
|
||||||
|
Académicos, a través de la Unidad de Servicios Editoriales y la
|
||||||
|
Unidad del Centro de Desarrollo Tecnológico, tiene en desarrollo dos
|
||||||
|
proyectos: la Tienda Virtual Acatlán y el Portal Editorial de
|
||||||
|
Ediciones Acatlán.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
El primero de los proyectos, la
|
||||||
|
<a href="https://tienda.acatlan.unam.mx"> Tienda Virtual Acatlán</a
|
||||||
|
>, es la plataforma destinada a la venta de las publicaciones de
|
||||||
|
Ediciones Acatlán, habilitada desde el mes de marzo del presente
|
||||||
|
año.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
El segundo de ellos, el Portal Editorial, tiene el objetivo de
|
||||||
|
difundir toda aquella información relacionada con los procesos y
|
||||||
|
cuerpos colegiados en materia editorial, establecer vínculos con la
|
||||||
|
comunidad universitaria interesada en la publicación de materiales y
|
||||||
|
en la promoción de la labor intelectual de los académicos de la
|
||||||
|
Facultad de Estudios Superiores Acatlán.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
En ese sentido, quien navegue en esta plataforma podrá conocer el
|
||||||
|
catálogo de publicaciones emanadas de la labor académica e
|
||||||
|
intelectual de la planta docente de esta entidad multidisciplinaria.
|
||||||
|
De igual manera, tendrá a su disposición los lineamientos
|
||||||
|
editoriales y la información concerniente al proceso de publicación
|
||||||
|
y las distintas partes institucionales involucradas. Por otra parte,
|
||||||
|
en caso de querer adquirir alguno de los títulos que ofrece el sello
|
||||||
|
editorial de Acatlán, están disponibles los datos de la Tienda
|
||||||
|
Virtual Acatlán y la Librería Universitaria, para compra de libros
|
||||||
|
en línea o de manera presencial, respectivamente.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Footer></Footer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Header from "./../components/header.vue";
|
||||||
|
import Nav from "./../esteticas/nav.vue";
|
||||||
|
import Footer from "./../components/footer.vue";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
Header,
|
||||||
|
Nav,
|
||||||
|
Footer
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,65 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<Header></Header>
|
||||||
|
<Nav></Nav>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1 class="my-4">Puntos de Venta</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-10 offset-1 text-justify mb-4">
|
||||||
|
<p>
|
||||||
|
La venta y difusión de las publicaciones de Ediciones Acatlán se
|
||||||
|
llevan a cabo a partir de cuatro maneras:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="lugares">
|
||||||
|
<li>
|
||||||
|
Librería Universitaria: ubicada en las instalaciones de la FES
|
||||||
|
Acatlán, para la adquisición de publicaciones impresas, tanto de
|
||||||
|
nuestro sello como de otras editoriales.
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
Tienda Virtual Acatlán: plataforma que soporta ventas en línea
|
||||||
|
(obras impresas y electrónicas), de reciente habilitación.
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
Librería Ambulante: extensión de la Librería Universitaria que, de
|
||||||
|
manera presencial, acude a los eventos institucionales con
|
||||||
|
publicaciones de temas afines a éstos.
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
Libros UNAM: plataforma en línea de la Universidad Nacional
|
||||||
|
Autónoma de México, mediante la cual se pueden adquirir todas las
|
||||||
|
publicaciones (impresas y electrónicas) de todas las dependencias
|
||||||
|
editoras.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Footer></Footer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Header from "./../components/header.vue";
|
||||||
|
import Nav from "./../esteticas/nav.vue";
|
||||||
|
import Footer from "./../components/footer.vue";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
Header,
|
||||||
|
Nav,
|
||||||
|
Footer
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
.lugares li {
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,29 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<Header />
|
||||||
|
<Nav />
|
||||||
|
<Title title="Resultado" class="my-5" />
|
||||||
|
<Cart />
|
||||||
|
<Footer />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Header from "./../components/header.vue";
|
||||||
|
import Nav from "./../esteticas/nav.vue";
|
||||||
|
//import Nav from "./../components/navPrincipal.vue";
|
||||||
|
import Footer from "./../components/footer.vue";
|
||||||
|
import Cart from "../components/temaLibro.vue";
|
||||||
|
import Title from "../components/titulo.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "home",
|
||||||
|
components: {
|
||||||
|
Header,
|
||||||
|
Nav,
|
||||||
|
Footer,
|
||||||
|
Cart,
|
||||||
|
Title
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
module.exports = {
|
||||||
|
publicPath: "./"
|
||||||
|
};
|
||||||
Reference in New Issue
Block a user