0.7.3 • Published 4 years ago
preguntas-frecuentes-viajes v0.7.3
preguntas-frecuentes
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Lints and fixes files
npm run lint
Customize configuration
1er Paso: Instalar el paquete📋
npm i preguntas-frecuentes-viajes
2do Paso: Importar en el archivo .vue donde quiera utilizar el componente📋
import { preguntasFrecuentesGenerico } from 'preguntas-frecuentes-viajes'
export default {
components: {
preguntasFrecuentesGenerico
}
}
3er Paso: Ingresar los datos requeridos :octocat:
<preguntasFrecuentesGenerico"
:preguntas="preguntas" <!-- Array con preguntas -->
:itemsMenu="itemsMenu" <!-- Los items que iran en el Menú desplegable -->
:imagenMenu="imagenMenu" <!-- La imagen que ira en el menú desplegable -->
:regresarPrincipal="regresarPrincipal" <!-- Ruta del breadcrumb -->
:nombrepagina="TextoTab" <!-- Nombre de la pagina actual -->
/>
data () {
return {
TextoTab: 'Utilización del seguro',
imagenMenu: require("@/static/media/icons/Group2Copy.svg"),
regresarPrincipal: '/preguntas-frecuentes/',
preguntas:[
{
id: '1',
title: '¿Qué hacer en caso de Emergencias?',
identificador: 'collapse-1',
respuesta: [
'<p class="parrafo omnes-medium">Soy un parrafo</p>',
'<img src="">'
],
},
{
id: '2',
title: '¿Qué es la Central de Atención al Cliente?',
identificador: 'collapse-2',
respuesta: [
'<p class="parrafo omnes-medium">Soy un parrafo</p>',
'<p class="parrafo omnes-medium">Soy un parrafo</p>',
'<li class="anchorespuestas estiloparrafo omnes-medium">Soy una lista</li>',
'<p class="parrafo omnes-medium">Soy un parrafo</p>',
'<li class="anchorespuestas estiloparrafo omnes-medium">Soy una lista</li>',
'<p class="parrafo omnes-medium">*Soy un parrafo”.</p>'
],
},
{
id: '3',
title: '¿A partir de cuándo puedo hacer uso de las asistencias?',
identificador: 'collapse-3',
respuesta: [
'<p class="parrafo omnes-medium">Soy un parrafo</p>',
],
},
{
id: '4',
title: '¿Puedo solicitar el seguro si viajo por motivos no turísticos?',
identificador: 'collapse-4',
respuesta: [
'<p class="parrafo omnes-medium">Soy un parrafo</p>',
'<li class="anchorespuestas estiloparrafo omnes-medium">Soy una lista</li>',
'<li class="anchorespuestas estiloparrafo omnes-medium">Soy una lista</li>',
'<li class="anchorespuestas estiloparrafo omnes-medium" style="margin-bottom:1rem;">Soy una lista</li>',
'<p class="parrafo omnes-medium">Soy un parrafo</p>'
],
},
],
itemsMenu: [
{
id: "1",
title: "Preguntas mas frecuentes",
to: '/preguntas-frecuentes/'
},
{
id: "2",
title: "Planes Viaje Seguro",
to: '/preguntas-frecuentes/planes-viaje-seguro'
},
{
id: "3",
title: "Como comprar Viaje Seguro",
to: '/preguntas-frecuentes/como-comprar-viaje-seguro'
},
{
id: "4",
title: "Cobertura de Viaje Seguro",
to: '/preguntas-frecuentes/cobertura-viaje-seguro'
},
{
id: "5",
title: "Modificación de Viaje Seguro",
to: '/preguntas-frecuentes/modificacion-viaje-seguro'
},
{
id: "6",
title: "Utilización del seguro",
to: '/preguntas-frecuentes/utilizacion-viaje-seguro'
},
{
id: "7",
title: "Trámites",
to: '/preguntas-frecuentes/tramites'
},
{
id: "8",
title: "Sobre el COVID-19",
to: '/preguntas-frecuentes/sobre-covid-19'
}
],
}
},
4to Paso: Tener las imágenes correspondientes en la siguiente ruta📋
src/static/media/icons
Observaciones
Las etiquetas 'img' funcionan con imagenes http
0.7.3
4 years ago
0.7.2
4 years ago
0.7.1
4 years ago
0.7.0
4 years ago
0.6.6
4 years ago
0.6.5
4 years ago
0.6.3
4 years ago
0.6.4
4 years ago
0.6.2
4 years ago
0.6.1
4 years ago
0.6.0
4 years ago
0.5.8
4 years ago
0.5.7
4 years ago
0.5.4
4 years ago
0.5.3
4 years ago
0.5.6
4 years ago
0.5.5
4 years ago
0.5.2
4 years ago
0.5.1
4 years ago
0.5.0
4 years ago
0.4.9
4 years ago
0.4.8
4 years ago
0.4.7
4 years ago
0.4.6
4 years ago