48 lines
922 B
Vue
48 lines
922 B
Vue
<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> |