rc/aircox
13
1
Fork 1
Code Issues 15 Pull Requests Projects Releases Wiki Activity

work on design

Browse Source
This commit is contained in:
bkfox
2023-10-27 21:09:58 +02:00
parent 1661601caf
commit ab231e9a89
27 changed files with 467 additions and 459 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
assets/src/components/ADropdown.vue
View File

@ -1,15 +1,19 @@
<template>
<div>
<div :class="itemClass" @click="noButton && toggle()">
<div :class="['a-dropdown', itemClass, active ? activeClass : '']"
style="display: flex; flex-direction: row"
@click="noButton && toggle()">
<div style="flex:auto">
<slot name="item"></slot>
</div>
<slot name="button">
<span :class="['float-right', buttonClass]" @click="toggle()">
<span :class="[buttonClass]" style="flex-grow:0" @click="toggle()">
<span class="icon">
<i v-if="!active" :class="buttonIconOpen"></i>
<i v-if="active" :class="buttonIconClose"></i>
</span>
</span>
</slot>
<slot name="item"></slot>
</div>
<div :class="contentClass" v-if="active">
<slot></slot>
@ -20,12 +24,13 @@
export default {
data() {
return {
"active": this.open,
active: this.open,
}
},
props: {
itemClass: String,
activeClass: {type: String, default: "is-active"},
buttonClass: String,
buttonIconOpen: { type: String, default:"fa fa-angle-down"},
buttonIconClose: { type: String, default:"fa fa-angle-up"},