Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 danielGe
|
c0abcda7d3 | ||
|
danielGe
|
efadb88b56 | ||
|
danielGe
|
55dbe8ab32 |
Generated
+3
-13
@@ -2456,9 +2456,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"bootstrap": {
|
"bootstrap": {
|
||||||
"version": "4.5.2",
|
"version": "4.5.0",
|
||||||
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.2.tgz",
|
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.0.tgz",
|
||||||
"integrity": "sha512-vlGn0bcySYl/iV+BGA544JkkZP5LB3jsmkeKLFQakCOwCM3AOk7VkldBz4jrzSe+Z0Ezn99NVXa1o45cQY4R6A=="
|
"integrity": "sha512-Z93QoXvodoVslA+PWNdk23Hze4RBYIkpb5h8I2HY2Tu2h7A0LpAgLcyrhrSUyo2/Oxm2l1fRZPs1e5hnxnliXA=="
|
||||||
},
|
},
|
||||||
"brace-expansion": {
|
"brace-expansion": {
|
||||||
"version": "1.1.11",
|
"version": "1.1.11",
|
||||||
@@ -6459,11 +6459,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"jquery": {
|
|
||||||
"version": "3.5.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.5.1.tgz",
|
|
||||||
"integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg=="
|
|
||||||
},
|
|
||||||
"js-message": {
|
"js-message": {
|
||||||
"version": "1.0.5",
|
"version": "1.0.5",
|
||||||
"resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.5.tgz",
|
"resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.5.tgz",
|
||||||
@@ -7867,11 +7862,6 @@
|
|||||||
"ts-pnp": "^1.1.6"
|
"ts-pnp": "^1.1.6"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"popper.js": {
|
|
||||||
"version": "1.16.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
|
|
||||||
"integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ=="
|
|
||||||
},
|
|
||||||
"portfinder": {
|
"portfinder": {
|
||||||
"version": "1.0.28",
|
"version": "1.0.28",
|
||||||
"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
|
"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
|
||||||
|
|||||||
+1
-3
@@ -8,10 +8,8 @@
|
|||||||
"lint": "vue-cli-service lint"
|
"lint": "vue-cli-service lint"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"bootstrap": "^4.5.2",
|
"bootstrap": "^4.5.0",
|
||||||
"core-js": "^3.6.5",
|
"core-js": "^3.6.5",
|
||||||
"jquery": "^3.5.1",
|
|
||||||
"popper.js": "^1.16.1",
|
|
||||||
"vue": "^2.6.11",
|
"vue": "^2.6.11",
|
||||||
"vue-router": "^3.3.4"
|
"vue-router": "^3.3.4"
|
||||||
},
|
},
|
||||||
|
|||||||
+20
-17
@@ -1,17 +1,20 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<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="icon" href="<%= BASE_URL %>favicon.ico">
|
||||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<noscript>
|
<noscript>
|
||||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
||||||
</noscript>
|
</noscript>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
<!-- built files will be auto injected -->
|
<!-- built files will be auto injected -->
|
||||||
</body>
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
|
||||||
</html>
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/js/bootstrap.min.js" integrity="sha384-XEerZL0cuoUbHE4nZReLT7nx9gQrQreJekYhJD9WNWhH8nEW+0c5qq7aIo2Wl30J" crossorigin="anonymous"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
+41
-29
@@ -1,29 +1,41 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<router-view></router-view>
|
<Header />
|
||||||
</div>
|
<Nav />
|
||||||
</template>
|
<router-view></router-view>
|
||||||
|
<Footer />
|
||||||
<script>
|
</div>
|
||||||
export default {
|
</template>
|
||||||
name: "App"
|
|
||||||
};
|
<script>
|
||||||
</script>
|
import Header from "./esteticas/header.vue";
|
||||||
|
import Footer from "./esteticas/footer.vue";
|
||||||
<style>
|
import Nav from "./esteticas/nav.vue";
|
||||||
#app {
|
|
||||||
font-family: Avenir, Helvetica, Arial, sans-serif;
|
export default {
|
||||||
-webkit-font-smoothing: antialiased;
|
name: "App",
|
||||||
-moz-osx-font-smoothing: grayscale;
|
components: {
|
||||||
text-align: center;
|
Header,
|
||||||
color: #2c3e50;
|
Footer,
|
||||||
margin-top: 60px;
|
Nav
|
||||||
|
}
|
||||||
padding: 0;
|
};
|
||||||
margin: 0;
|
</script>
|
||||||
}
|
|
||||||
|
<style>
|
||||||
.row {
|
#app {
|
||||||
margin: 0 !important;
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
||||||
}
|
-webkit-font-smoothing: antialiased;
|
||||||
</style>
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
text-align: center;
|
||||||
|
color: #2c3e50;
|
||||||
|
margin-top: 60px;
|
||||||
|
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
@@ -1,84 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="divMaster row my-5">
|
|
||||||
<div
|
|
||||||
id="carouselExampleControls"
|
|
||||||
class="carousel slide col-md-10 col-lg-10 col-xl-10 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 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"
|
|
||||||
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>
|
|
||||||
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"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.divMaster {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,130 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="divMaster row mb-5">
|
|
||||||
<div class="col-10 offset-1 d-flex flex-wrap justify-content-center">
|
|
||||||
<div
|
|
||||||
class="card m-3"
|
|
||||||
style="width: 12rem;"
|
|
||||||
v-bind:key="libro.id"
|
|
||||||
v-for="libro in Libros"
|
|
||||||
>
|
|
||||||
<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>
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
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"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.divMaster {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.card {
|
|
||||||
border: none !important;
|
|
||||||
border-bottom: 5px solid #1b3d70 !important;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
text-decoration: none !important;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,209 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row ">
|
|
||||||
<div class="col-md-6 col-sm-12 py-5">
|
|
||||||
<img v-bind:src="rutaIm" class="libro" />
|
|
||||||
<button class="button pre">
|
|
||||||
Previsualizar</button
|
|
||||||
><br /><br />
|
|
||||||
<div class="container">
|
|
||||||
<div class="row izq">
|
|
||||||
<b style="font-size: 18px;" class="izq">Compartir</b><br />
|
|
||||||
</div>
|
|
||||||
<div class="container izq">
|
|
||||||
<a href="https://www.facebook.com/" class="img"
|
|
||||||
><img
|
|
||||||
style="width: 45px; height: 45px"
|
|
||||||
src="../assets/facebook.png"
|
|
||||||
alt="Facebook"
|
|
||||||
/></a>
|
|
||||||
<a href="https://www.instagram.com/" class="img"
|
|
||||||
><img
|
|
||||||
style="width: 45px; height: 45px"
|
|
||||||
src="../assets/Instagram.png"
|
|
||||||
alt="Instagram"
|
|
||||||
/></a>
|
|
||||||
<a href="https://www.youtube.com/" class="img"
|
|
||||||
><img
|
|
||||||
style="width: 45px; height: 45px"
|
|
||||||
src="../assets/YouTube.png"
|
|
||||||
alt="Youtube"
|
|
||||||
/></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 col-sm-12 py-5 titulo">
|
|
||||||
<b>Titulo:</b>
|
|
||||||
<p>{{ titulo }}</p>
|
|
||||||
<b>Autor: </b>
|
|
||||||
<p>{{ autor }}</p>
|
|
||||||
<b>Paginas: </b>
|
|
||||||
<p>{{ paginas }}</p>
|
|
||||||
<b>ISBN: </b>
|
|
||||||
<p>{{ isbn }}</p>
|
|
||||||
<b>Año de Impresión: </b>
|
|
||||||
<p>{{ edicion }}</p>
|
|
||||||
<b>Precio: </b>
|
|
||||||
<p>{{ precio }}</p>
|
|
||||||
<b>Versión:</b>
|
|
||||||
<p>{{ version }}</p>
|
|
||||||
<b>Descripción:</b>
|
|
||||||
<div class="overflow-auto">{{ desc }}</div>
|
|
||||||
<button class="button ">
|
|
||||||
{{ boton2 }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<Title title="Similares" />
|
|
||||||
<div class="divMaster row mb-5">
|
|
||||||
<div class="col-10 offset-1 d-flex flex-wrap justify-content-center">
|
|
||||||
<div
|
|
||||||
class="card m-3"
|
|
||||||
style="width: 12rem;"
|
|
||||||
v-bind:key="libro.id"
|
|
||||||
v-for="libro in Libros"
|
|
||||||
>
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import Title from "../components/titulo.vue";
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
Title
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
titulo: "Competitive programing",
|
|
||||||
autor: "HALIM",
|
|
||||||
paginas: "300",
|
|
||||||
isbn: "POSF-12-43",
|
|
||||||
edicion: "Primera edicion",
|
|
||||||
precio: "$3232.00",
|
|
||||||
rutaIm:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg",
|
|
||||||
version: "Electronica",
|
|
||||||
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.`,
|
|
||||||
boton2: "Comprar",
|
|
||||||
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"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.divMaster {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.card {
|
|
||||||
border: none !important;
|
|
||||||
border-bottom: 5px solid #1b3d70 !important;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
text-decoration: none !important;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
.img {
|
|
||||||
margin-left: 1rem;
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
.izq {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
}
|
|
||||||
.button {
|
|
||||||
background-color: rgb(187, 136, 0);
|
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
height: 4.5rem;
|
|
||||||
width: 15rem;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
border-radius: 1rem;
|
|
||||||
-webkit-transition-duration: 0.4s; /* Safari */
|
|
||||||
transition-duration: 0.4s;
|
|
||||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
.button:hover {
|
|
||||||
background-color: #46c200;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
.pre {
|
|
||||||
background-color: #1e3c70;
|
|
||||||
}
|
|
||||||
.pre:hover {
|
|
||||||
background-color: rgb(187, 136, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.titulo {
|
|
||||||
font-size: 1rem;
|
|
||||||
text-align: left;
|
|
||||||
color: balck;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.libro {
|
|
||||||
width: 320px;
|
|
||||||
height: 480px;
|
|
||||||
margin-right: auto;
|
|
||||||
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.57);
|
|
||||||
}
|
|
||||||
@media (max-width: 450px) {
|
|
||||||
.libro {
|
|
||||||
width: 270px;
|
|
||||||
height: 380px;
|
|
||||||
margin-right: auto;
|
|
||||||
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.57);
|
|
||||||
}
|
|
||||||
.button {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 3rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 380px) {
|
|
||||||
.button {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 3rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<h1>esta es la pagina home</h1>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -1,174 +0,0 @@
|
|||||||
<template>
|
|
||||||
<nav
|
|
||||||
class="navbar navbar-expand-md navbar-light "
|
|
||||||
style="background-color:#BB8800;"
|
|
||||||
>
|
|
||||||
<div class="container">
|
|
||||||
<nav class=" ">
|
|
||||||
<button
|
|
||||||
class=" navbar-toggler van text-whitee btn-sm"
|
|
||||||
type="button"
|
|
||||||
id="toggle-menu"
|
|
||||||
data-toggle="collapse"
|
|
||||||
data-target="#navbarNav"
|
|
||||||
aria-controls="navbarNav"
|
|
||||||
aria-expanded="false"
|
|
||||||
aria-label="Toggle navigation"
|
|
||||||
v-on:click="toggle()"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class=" navbar-toggler-icon x m-1 text-white"
|
|
||||||
style="color:white !important;"
|
|
||||||
></span>
|
|
||||||
Menú
|
|
||||||
</button>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
|
||||||
<ul class="navbar-nav mr-auto mt-0 mt-lg-0">
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<router-link to="#" class="nav-item nav-link text-white "
|
|
||||||
><a> Inicio</a></router-link
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<router-link to="#" class="nav-item nav-link text-white"
|
|
||||||
><a>Presentacion</a></router-link
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<router-link to="#" class="nav-item nav-link text-white"
|
|
||||||
><a>Libros</a></router-link
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<router-link to="#" class="nav-item nav-link text-white"
|
|
||||||
><a>Difusión Editorial</a></router-link
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<form class="form-inline my-0 my-lg-0">
|
|
||||||
<div class="input-group input-group-sm mb-0">
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="form-control reIzq "
|
|
||||||
placeholder="Buscar"
|
|
||||||
aria-label="Recipient's username"
|
|
||||||
aria-describedby="basic-addon2"
|
|
||||||
/>
|
|
||||||
<div class="input-group-append reDer bg-white">
|
|
||||||
<button class="btn my-0" type="submit">
|
|
||||||
<svg
|
|
||||||
width="1em"
|
|
||||||
height="1em"
|
|
||||||
viewBox="0 0 16 16"
|
|
||||||
class="bi bi-search"
|
|
||||||
fill="currentColor"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
methods: {
|
|
||||||
toggle: function() {
|
|
||||||
let element = document.getElementById("navbarNav");
|
|
||||||
element.classList.toggle("block");
|
|
||||||
element.classList.add("mystyle");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.reDer {
|
|
||||||
border-top-right-radius: 20px 20px !important;
|
|
||||||
border-bottom-right-radius: 20px 20px !important;
|
|
||||||
}
|
|
||||||
.reIzq {
|
|
||||||
border-top-left-radius: 20px 20px !important;
|
|
||||||
border-bottom-left-radius: 20px 20px !important;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
.mystyle {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
max-height: 100%;
|
|
||||||
}
|
|
||||||
.menu {
|
|
||||||
background-color: #bb8800;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu nav ul {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin: 0 0rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu nav ul div {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu nav ul li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu nav ul li a {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: white;
|
|
||||||
transition: 0.5s;
|
|
||||||
padding-left: 0.3rem;
|
|
||||||
padding-right: 0.3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
background-color: #1e3c70;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.active {
|
|
||||||
background-color: #936900;
|
|
||||||
}
|
|
||||||
|
|
||||||
.van {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.x {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
.van {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,44 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="divMaster">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-10 offset-1 bor d-flex justify-content-center">
|
|
||||||
<div class="bgAzul">
|
|
||||||
<p class="text-white pTitulo">{{ title }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: ["title"]
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.bor {
|
|
||||||
border: none !important;
|
|
||||||
border-bottom: 5px solid #1b3d70 !important;
|
|
||||||
}
|
|
||||||
.bgAzul {
|
|
||||||
background-color: #1b3d70;
|
|
||||||
width: 40%;
|
|
||||||
|
|
||||||
border-top-right-radius: 20px 20px !important;
|
|
||||||
border-top-left-radius: 20px 20px !important;
|
|
||||||
}
|
|
||||||
.pTitulo {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 400px) {
|
|
||||||
.pTitulo {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.bgAzul {
|
|
||||||
width: 60%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -87,3 +87,4 @@ export default {};
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
>>>>>>> pruebas
|
||||||
@@ -36,14 +36,13 @@
|
|||||||
</container>
|
</container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style>
|
<style >
|
||||||
.divMaster {
|
.divMaster {
|
||||||
height: 7em;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.azulUnam {
|
height: 7em;
|
||||||
background-color: #1e3c70;
|
/* max-width: 1280px; */
|
||||||
|
height: 7em;
|
||||||
|
color: #1e3c70;
|
||||||
}
|
}
|
||||||
.sizeImg {
|
.sizeImg {
|
||||||
height: 5rem;
|
height: 5rem;
|
||||||
@@ -62,6 +61,4 @@
|
|||||||
}
|
}
|
||||||
.logo_acatlan_resp a img {
|
.logo_acatlan_resp a img {
|
||||||
height: 5rem;
|
height: 5rem;
|
||||||
}
|
e>
|
||||||
}
|
|
||||||
</style>
|
|
||||||
+156
-205
@@ -1,205 +1,156 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="divMaster doradoUnam row d-flex justify-content-center">
|
<div class="divMaster doradoUnam row">
|
||||||
<div class="col-10 offset-1">
|
<div class="col-10 offset-1">
|
||||||
<nav class="navbar navbar-expand-sm navbar-dark ">
|
<nav class="navbar navbar-expand-sm navbar-light ">
|
||||||
<button
|
<button
|
||||||
@click="method()"
|
class="navbar-toggler"
|
||||||
class="navbar-toggler col-5"
|
type="button"
|
||||||
type="button"
|
data-toggle="collapse"
|
||||||
data-toggle="collapse"
|
data-target="#navbarTogglerDemo02"
|
||||||
data-target="#navbarTogglerDemo02"
|
aria-controls="navbarTogglerDemo02"
|
||||||
aria-controls="navbarTogglerDemo02"
|
aria-expanded="false"
|
||||||
aria-expanded="false"
|
aria-label="Toggle navigation"
|
||||||
aria-label="Toggle navigation"
|
>
|
||||||
>
|
<span class="navbar-toggler-icon blanco"></span>
|
||||||
<span class="navbar-toggler-icon blanco"></span>
|
</button>
|
||||||
<span class="mx-2">Menu</span>
|
|
||||||
</button>
|
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
|
||||||
|
<ul class="navbar-nav mr-auto mt-0 mt-lg-0">
|
||||||
<div class="collapse navbar-collapse " id="navbarTogglerDemo02">
|
<li class="nav-item">
|
||||||
<ul
|
<a class="nav-link text-white" href="#">Inicio</a>
|
||||||
class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-around mt-0 mt-lg-0"
|
</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="#">Inicio</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item ">
|
||||||
<li class="nav-item">
|
<a
|
||||||
<a class="nav-link text-white" href="#">Presentacion</a>
|
class="nav-link dropdown-toggle text-white "
|
||||||
</li>
|
id="navbarDropdown"
|
||||||
|
role="button"
|
||||||
<li class="nav-item">
|
data-toggle="dropdown"
|
||||||
<div class="dropdown">
|
aria-haspopup="true"
|
||||||
<a
|
aria-expanded="false"
|
||||||
class="btn nav-link dropdown-toggle text-white"
|
href="#"
|
||||||
href="#"
|
>Libros</a
|
||||||
role="button"
|
>
|
||||||
id="dropdownMenuLink"
|
<div
|
||||||
data-toggle="dropdown"
|
class="dropdown-menu azulUnam"
|
||||||
aria-haspopup="true"
|
aria-labelledby="navbarDropdown"
|
||||||
aria-expanded="false"
|
>
|
||||||
>
|
<a class="dropdown-item text-white" href="#"
|
||||||
Libros
|
>Ciencias Socioeconomicas</a
|
||||||
</a>
|
>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
<div
|
<a class="dropdown-item text-white" href="#"
|
||||||
class="dropdown-menu azulUnam"
|
>Diseño y Edificacion</a
|
||||||
aria-labelledby="navbarDropdown"
|
>
|
||||||
>
|
<div class="dropdown-divider"></div>
|
||||||
<a class="dropdown-item text-white" href="#"
|
<a class="dropdown-item text-white" href="#"
|
||||||
>Ciencias Socioeconomicas</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" href="#"
|
||||||
>Diseño y Edificacion</a
|
>Estudios de Posgrado</a
|
||||||
>
|
>
|
||||||
<div class="dropdown-divider"></div>
|
<div class="dropdown-divider"></div>
|
||||||
<a class="dropdown-item text-white" href="#"
|
<a class="dropdown-item text-white" href="#">Humanidades</a>
|
||||||
>Enseñanza de Idiomas</a
|
<div class="dropdown-divider"></div>
|
||||||
>
|
<a class="dropdown-item text-white" href="#"
|
||||||
<div class="dropdown-divider"></div>
|
>Matematicas e Ingenieria</a
|
||||||
<a class="dropdown-item text-white" href="#"
|
>
|
||||||
>Estudios de Posgrado</a
|
</div>
|
||||||
>
|
</li>
|
||||||
<div class="dropdown-divider "></div>
|
<li class="nav-item">
|
||||||
<a class="dropdown-item text-white " href="#">Humanidades</a>
|
<a class="nav-link text-white" href="#">Difusion Editorial</a>
|
||||||
<div class="dropdown-divider"></div>
|
</li>
|
||||||
<a class="dropdown-item text-white" href="#"
|
</ul>
|
||||||
>Matematicas e Ingenieria</a
|
<form class="form-inline my-0 my-lg-0">
|
||||||
>
|
<div class="input-group input-group-sm mb-0">
|
||||||
</div>
|
<input
|
||||||
</div>
|
type="text"
|
||||||
</li>
|
class="form-control reIzq "
|
||||||
|
placeholder="Buscar"
|
||||||
<li class="nav-item">
|
aria-label="Recipient's username"
|
||||||
<a class="nav-link text-white" href="#">Difusion Editorial</a>
|
aria-describedby="basic-addon2"
|
||||||
</li>
|
/>
|
||||||
</ul>
|
<div class="input-group-append reDer bg-white">
|
||||||
</div>
|
<button class="btn my-0" type="submit">
|
||||||
|
<svg
|
||||||
<form
|
width="1em"
|
||||||
id="buscador"
|
height="1em"
|
||||||
v-if="isExist"
|
viewBox="0 0 16 16"
|
||||||
class="form-inline my-0 my-lg-0 buscador col-4 d-flex justify-content-end"
|
class="bi bi-search"
|
||||||
>
|
fill="currentColor"
|
||||||
<div class="input-group input-group-sm mb-0 ver">
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
<input
|
>
|
||||||
type="text"
|
<path
|
||||||
class="form-control reIzq "
|
fill-rule="evenodd"
|
||||||
placeholder="Buscar"
|
d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"
|
||||||
v-model="search"
|
/>
|
||||||
aria-label="Recipient's username"
|
<path
|
||||||
aria-describedby="basic-addon2"
|
fill-rule="evenodd"
|
||||||
/>
|
d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"
|
||||||
<div class="input-group-append reDer bg-white">
|
/>
|
||||||
<router-link
|
</svg>
|
||||||
:to="{ name: 'search', params: { searchProp: search } }"
|
</button>
|
||||||
>
|
</div>
|
||||||
<button class="btn my-0" type="submit">
|
</div>
|
||||||
<svg
|
</form>
|
||||||
width="1em"
|
</div>
|
||||||
height="1em"
|
</nav>
|
||||||
viewBox="0 0 16 16"
|
</div>
|
||||||
class="bi bi-search blanco"
|
</div>
|
||||||
fill="currentColor"
|
</template>
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
<style scoped>
|
||||||
<path
|
* {
|
||||||
fill-rule="evenodd"
|
margin: 0;
|
||||||
d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"
|
padding: 0;
|
||||||
/>
|
}
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
.divMaster {
|
||||||
d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"
|
/* max-width: 1280px; */
|
||||||
/>
|
height: auto;
|
||||||
</svg>
|
margin: 0 auto;
|
||||||
</button>
|
}
|
||||||
</router-link>
|
nav {
|
||||||
</div>
|
padding: 0.5rem 0;
|
||||||
</div>
|
}
|
||||||
</form>
|
|
||||||
</nav>
|
.azulUnam {
|
||||||
</div>
|
background-color: #1e3c70;
|
||||||
</div>
|
}
|
||||||
</template>
|
.doradoUnam {
|
||||||
|
background-color: #bb8800;
|
||||||
<script>
|
}
|
||||||
export default {
|
.blanco {
|
||||||
data() {
|
color: white !important;
|
||||||
return {
|
}
|
||||||
isExist: true,
|
|
||||||
search: ""
|
.dropdown-item:hover {
|
||||||
};
|
background-color: #bb8800;
|
||||||
},
|
}
|
||||||
methods: {
|
.nav-link:focus {
|
||||||
method() {
|
background-color: #1e3c70;
|
||||||
this.isExist = !this.isExist;
|
}
|
||||||
}
|
|
||||||
}
|
.menuText {
|
||||||
};
|
display: none;
|
||||||
</script>
|
}
|
||||||
|
|
||||||
<style scoped>
|
.reDer {
|
||||||
* {
|
border-top-right-radius: 20px 20px !important;
|
||||||
margin: 0;
|
border-bottom-right-radius: 20px 20px !important;
|
||||||
padding: 0;
|
}
|
||||||
}
|
|
||||||
|
.reIzq {
|
||||||
.divMaster {
|
border-top-left-radius: 20px 20px !important;
|
||||||
/* max-width: 1280px; */
|
border-bottom-left-radius: 20px 20px !important;
|
||||||
height: auto;
|
}
|
||||||
margin: 0 auto;
|
|
||||||
}
|
@media (max-width: 450px) {
|
||||||
nav {
|
.menuText {
|
||||||
padding: 0.5rem 0;
|
display: block;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
.azulUnam {
|
</style>
|
||||||
background-color: #1e3c70;
|
|
||||||
}
|
|
||||||
.doradoUnam {
|
|
||||||
background-color: #bb8800;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-item:hover {
|
|
||||||
background-color: #bb8800;
|
|
||||||
}
|
|
||||||
.nav-link:focus {
|
|
||||||
background-color: #1e3c70;
|
|
||||||
border-radius: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link:hover {
|
|
||||||
background-color: #1e3c70;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link {
|
|
||||||
transition: 0.3s;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-item {
|
|
||||||
padding: 0.3rem 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuText {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.reDer {
|
|
||||||
border-top-right-radius: 20px 20px !important;
|
|
||||||
border-bottom-right-radius: 20px 20px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.reIzq {
|
|
||||||
border-top-left-radius: 20px 20px !important;
|
|
||||||
border-bottom-left-radius: 20px 20px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 450px) {
|
|
||||||
.menuText,
|
|
||||||
.buscador {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
+3
-4
@@ -1,13 +1,12 @@
|
|||||||
import Vue from "vue";
|
import Vue from "vue";
|
||||||
import App from "./App.vue";
|
import App from "./App.vue";
|
||||||
import "bootstrap";
|
import "bootstrap/dist/css/bootstrap.css";
|
||||||
import "bootstrap/dist/css/bootstrap.min.css";
|
|
||||||
|
Vue.config.productionTip = false;
|
||||||
|
|
||||||
import VueRouter from "vue-router";
|
import VueRouter from "vue-router";
|
||||||
import { routes } from "./routes";
|
import { routes } from "./routes";
|
||||||
|
|
||||||
Vue.config.productionTip = false;
|
|
||||||
|
|
||||||
Vue.use(VueRouter);
|
Vue.use(VueRouter);
|
||||||
const router = new VueRouter({
|
const router = new VueRouter({
|
||||||
routes
|
routes
|
||||||
|
|||||||
+4
-11
@@ -1,13 +1,6 @@
|
|||||||
import home from "./view/home.vue";
|
import Form from "./components/home.vue";
|
||||||
import login from "./view/login.vue";
|
import Login from "./components/login.vue";
|
||||||
import libroDescripcion from "./view/libroDescripcion.vue";
|
|
||||||
import difusion from "./view/difusion.vue";
|
|
||||||
import search from "./view/search.vue";
|
|
||||||
|
|
||||||
export const routes = [
|
export const routes = [
|
||||||
{ path: "/", component: home, name: "form" },
|
{ path: "/", component: Form, name: "form" },
|
||||||
{ path: "/login", component: login, name: "Login" },
|
{ path: "/panelAdmin", component: Login, name: "Login" }
|
||||||
{ path: "/desc", component: libroDescripcion, name: "LibroDesc" },
|
|
||||||
{ path: "/difusion", component: difusion, name: "difusion" },
|
|
||||||
{ path: "/search", component: search, name: "search", props: true }
|
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -1,97 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<Header />
|
|
||||||
<Nav />
|
|
||||||
<!-- <div class="row">
|
|
||||||
<div class="col-10 offset-1"> -->
|
|
||||||
<Title title="Conoce mas" class="mt-5" />
|
|
||||||
<!-- </div>
|
|
||||||
</div> -->
|
|
||||||
<div class="container">
|
|
||||||
<div class="row my-5" v-bind:key="de.id" v-for="de in des">
|
|
||||||
<div class="titulo col-12 mb-5">
|
|
||||||
<h1>{{ de.titulo }}</h1>
|
|
||||||
</div>
|
|
||||||
<div class="libro col-10 col-sm-5 col-md-5 col-lg-5 col-xl-5 offset-1">
|
|
||||||
<img
|
|
||||||
:src="de.img"
|
|
||||||
class=" figure-img img-fluid rounded"
|
|
||||||
alt="libro"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="texto col-10 col-sm-5 col-md-5 col-lg-5 col-xl-5 d-flex align-items-center justify-content-center flex-column"
|
|
||||||
>
|
|
||||||
<h4>Descripcion:</h4>
|
|
||||||
<p class="scroll">
|
|
||||||
{{ de.descrip }}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="video col-12 d-flex my-4 justify-content-center">
|
|
||||||
<iframe
|
|
||||||
width="560"
|
|
||||||
height="315"
|
|
||||||
:src="de.video"
|
|
||||||
frameborder="0"
|
|
||||||
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
|
||||||
allowfullscreen
|
|
||||||
></iframe>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Footer />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import Header from "../components/header.vue";
|
|
||||||
import Nav from "../esteticas/nav.vue";
|
|
||||||
import Footer from "../components/footer.vue";
|
|
||||||
import Title from "../components/titulo.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
Header,
|
|
||||||
Nav,
|
|
||||||
Footer,
|
|
||||||
Title
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
des: [
|
|
||||||
{
|
|
||||||
id: 0,
|
|
||||||
titulo: "Algebra lineal productos internos y teoremas de estructura",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg",
|
|
||||||
descrip: ` Los 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.`,
|
|
||||||
video: "https://www.youtube.com/embed/gOsM-DYAEhY"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.imgLibro {
|
|
||||||
height: 600px;
|
|
||||||
}
|
|
||||||
.scroll {
|
|
||||||
width: 100%;
|
|
||||||
height: 60%;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
|
||||||
.scroll {
|
|
||||||
height: 90%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<Header />
|
|
||||||
<Nav />
|
|
||||||
<Carr />
|
|
||||||
<Title title="Recientes" />
|
|
||||||
<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 Carr from "../components/carrusel.vue";
|
|
||||||
import Cart from "../components/cartLibro.vue";
|
|
||||||
import Title from "../components/titulo.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "home",
|
|
||||||
components: {
|
|
||||||
Header,
|
|
||||||
Nav,
|
|
||||||
Footer,
|
|
||||||
Carr,
|
|
||||||
Cart,
|
|
||||||
Title
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<Header />
|
|
||||||
<Nav />
|
|
||||||
|
|
||||||
<Descrip />
|
|
||||||
|
|
||||||
<Footer />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import Header from "./../components/header.vue";
|
|
||||||
import Nav from "./../components/navPrincipal.vue";
|
|
||||||
import Descrip from "./../components/descripcion.vue";
|
|
||||||
import Footer from "./../components/footer.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "App",
|
|
||||||
components: {
|
|
||||||
Header,
|
|
||||||
Nav,
|
|
||||||
Descrip,
|
|
||||||
Footer
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@@ -1,59 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<Header></Header>
|
|
||||||
<h1 class="my-5">Inicia Sesion</h1>
|
|
||||||
<div class="row d-flex justify-content-center">
|
|
||||||
<div class="col-12 col-md-8 col-lg-6 col-xl-6">
|
|
||||||
<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
|
|
||||||
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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import Header from "./../components/header.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
data: {
|
|
||||||
email: "",
|
|
||||||
password: ""
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
login() {
|
|
||||||
alert(this.data.email);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
Header
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style></style>
|
|
||||||
@@ -1,121 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<Header></Header>
|
|
||||||
<Nav></Nav>
|
|
||||||
|
|
||||||
<!-- <div class="wrapper">
|
|
||||||
<div class="card" v-bind:key="post.id" v-for="post in filteredList">
|
|
||||||
<a v-bind:href="post.link" ta rget="_blank">
|
|
||||||
<img v-bind:src="post.img" width="45px" />
|
|
||||||
<small>posted by: {{ post.title }}</small>
|
|
||||||
{{ post.title }}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<div class="search-wrapper m-4">
|
|
||||||
<input type="text" v-model="searchProp" placeholder="buscar libro" />
|
|
||||||
</div>
|
|
||||||
<div v-if="searchProp">
|
|
||||||
<Title title="Resultados" />
|
|
||||||
|
|
||||||
<div class="divMaster row mb-5">
|
|
||||||
<div class="col-10 offset-1 d-flex flex-wrap justify-content-center">
|
|
||||||
<div
|
|
||||||
class="card m-3"
|
|
||||||
style="width: 12rem;"
|
|
||||||
v-bind:key="post.id"
|
|
||||||
v-for="post in ListaFiltrada"
|
|
||||||
>
|
|
||||||
<router-link :to="{ path: 'home' }" class="textt">
|
|
||||||
<img :src="post.img" class="card-img-top rounded" alt="libro" />
|
|
||||||
<div class="card-body cd textt">
|
|
||||||
<p class="card-text textt">
|
|
||||||
{{ post.title }}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div v-else>
|
|
||||||
<h1>Ingresa un Titulo en el buscador</h1>
|
|
||||||
</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";
|
|
||||||
import Title from "../components/titulo.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
props: ["searchProp"],
|
|
||||||
components: {
|
|
||||||
Header,
|
|
||||||
Nav,
|
|
||||||
Footer,
|
|
||||||
Title
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
search: "",
|
|
||||||
postLista: [
|
|
||||||
{
|
|
||||||
id: 0,
|
|
||||||
title: "titu",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 0,
|
|
||||||
title: "papa",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 0,
|
|
||||||
title: "titu2",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 0,
|
|
||||||
title: "he",
|
|
||||||
img:
|
|
||||||
"https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
ListaFiltrada() {
|
|
||||||
return this.postLista.filter(post => {
|
|
||||||
return post.title.toLowerCase().includes(this.searchProp.toLowerCase());
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.divMaster {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.card {
|
|
||||||
border: none !important;
|
|
||||||
border-bottom: 5px solid #1b3d70 !important;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
text-decoration: none !important;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
.ver {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Reference in New Issue
Block a user