formulario de compras
This commit is contained in:
48
APP/components/Formularios/Prueba.vue
Normal file
48
APP/components/Formularios/Prueba.vue
Normal file
@@ -0,0 +1,48 @@
|
||||
<template>
|
||||
<div class="fixed-plugin" v-click-outside="closeDropDown">
|
||||
<div class="dropdown show-dropdown" :class="{ show: isOpen }">
|
||||
<a data-toggle="dropdown" class="settings-icon">
|
||||
<i class="fa fa-cog fa-2x" @click="toggleDropDown"> </i>
|
||||
</a>
|
||||
<ul class="dropdown-menu" :class="{ show: isOpen }">
|
||||
|
||||
<base-input label="Hola"></base-input>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: 'Prueba',
|
||||
|
||||
data() {
|
||||
return {
|
||||
isOpen: false,
|
||||
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
toggleDropDown() {
|
||||
this.isOpen = !this.isOpen;
|
||||
},
|
||||
closeDropDown() {
|
||||
this.isOpen = false;
|
||||
},
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
@import '~@/assets/sass/dashboard/custom/variables';
|
||||
|
||||
.settings-icon {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.badge-vue {
|
||||
background-color: $vue;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user