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

busqueda

Browse Source
This commit is contained in:
casnet1
2020-08-22 22:49:34 -05:00
parent bbe67324d2
commit d0cac70d64
4 changed files with 54 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/footer.vue
+3 -2
View File
@@ -5,9 +5,10 @@
<button type="button" class="col-md-6 col-sm-12 btn boton-footer uno">
Comité Editorial
</button>
<button type="button" class="col-md-6 col-sm-12 btn boton-footer dos">
<router-link to="/lineamientos"> <button type="button" class="col-md-6 col-sm-12 btn boton-footer dos">
Política Editorial y Lineamentos
</button>
</button></router-link>
<button type="button" class="col-md-6 col-sm-12 btn boton-footer tres">
Proceso Editorial y Organismos
</button>
src/config/config.js
+1 -1
View File
@@ -1,6 +1,6 @@
const config = {
//ngrok
api: "http://79d0fb701c9e.ngrok.io"
api: "https://f8d86328e778.ngrok.io"
//Local
//api: "http://localhost:3001"
src/esteticas/nav.vue
+49 -10
View File
@@ -18,7 +18,7 @@
<div class="collapse navbar-collapse " id="navbarTogglerDemo02">
<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-start mt-0 mt-lg-0"
>
<li class="nav-item">
<a class="nav-link text-white" href="#" @click="inicio()"
@@ -29,7 +29,7 @@
<a class="nav-link text-white" href="#">Presentacion</a>
</li>-->
<li class="nav-item">
<li class="nav-item ml-4">
<div class="dropdown">
<a
class="btn nav-link dropdown-toggle text-white"
@@ -95,7 +95,7 @@
<form
id="buscador"
v-if="isExist"
class="form-inline my-0 my-lg-0 buscador col-4 d-flex justify-content-end"
class="form-inline my-0 my-lg-0 buscador col-4 d-flex justify-content-end"
>
<div class="input-group input-group-sm mb-0">
<input
@@ -128,17 +128,27 @@
</div>
</div>
<!-- <div>-->
<div v-if="nombre.length > 2">
<div v-if="nombre.length > 2" class=" rescont dropdown ">
<ul
class="list-group"
v-for="item in buscarLibro"
v-bind:key="item.idLibro"
class=" list-group reslist dropdown-content "
>
<li class="list-group-item" @click="descripcion(item.idLibro)">
<li class=" list-group-item " v-for="item in buscarLibro"
v-bind:key="item.idLibro" @click="descripcion(item.idLibro)">
{{ item.titulo }}
</li>
</li>
</ul>
</div>
<!-- <ul class="list-group reslist dropdown-content ">
<li class="list-group-item ">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=" list-group-item ">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=" list-group-item ">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>
</nav>
</div>
@@ -262,6 +272,35 @@ nav {
border-bottom-left-radius: 20px 20px !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: .8rem;
left: -10rem;
display: block;
}
.rescont{
z-index: 2;
}
.list-group-item {
padding: 12px 16px;
}
@media (max-width: 450px) {
.menuText,
.buscador {
src/view/tema.vue
+1 -1
View File
@@ -2,7 +2,7 @@
<div>
<Header />
<Nav />
<Title title="Resultado" />
<Title title="Resultado" class="my-5" />
<Cart />
<Footer />
</div>