1.0.6 • Published 5 years ago
chorti-vue-navbar v1.0.6
Chorti Navbar
Una cabecera de navegación estándar para los Sistemas Chortitzer.
Instalación
El paquete se puede instalar via npm.
npm install --save chorti-vue-navbar
Modo de Uso
<template>
<div id="app">
<div style="padding: 10px">
<chorti-navbar title="Sistema Chortitzer" username="etorreschk" :options="options"
@logo="onLogoClick()" @info="onInfoClick()"
@help="helpClick()" @exit="exit()"></chorti-navbar>
</div>
</div>
</template>
<script>
import ChortiNavbar from "chorti-vue-navbar";
const BASE_PATH = '/navbar';
export default {
name: 'app',
components: {
ChortiNavbar
},
data() {
return {
options: {
logo: {img: BASE_PATH + '/logo.png'},
user: {img: 'https://secure.gravatar.com/avatar/2d2ec2b5445c40a9132c828de884be73'},
info: {img: BASE_PATH + '/sesion.png'},
help: {img: BASE_PATH + '/ayuda.png', hidden: true},
exit: {img: BASE_PATH + '/salir.png'}
}
}
},
methods: {
onLogoClick() {
console.log('logo click!');
},
onInfoClick() {
console.log('info click!');
},
helpClick() {
console.log('help click');
},
exit() {
console.log('exit click')
}
}
}
</script>