WIP Реальзовала изменение события на сервер

This commit is contained in:
Daria Golova
2022-11-07 15:00:58 +03:00
parent 86b4a91d23
commit 4afd678f4a
7 changed files with 102 additions and 64 deletions

View File

@@ -1,7 +1,9 @@
<template lang="pug">
.base-select(@click="open = !open", :class="{'open': open, 'border-none': borderNone}")
.placeholder.text-base(:class="{'value-color': value}") {{ value || placeholder }}
span.icon-down-arrow.open-icon(:class="{'open': open }")
.flex.items-center
.select-form-separator.cursor-pointer.mr-4(v-if="separator")
span.icon-down-arrow.open-icon(:class="{'open': open }")
base-menu(v-if="open")
.items-container(@click="open = false", @mouseleave="leaveSelect")
.item(v-for="item in items", :key="item.id" @click="clickItem(item.label)") {{ item.label }}
@@ -20,6 +22,7 @@ export default {
default: () => [],
},
borderNone: Boolean,
separator: Boolean,
},
emits: ["update:modelValue"],
data() {
@@ -96,4 +99,9 @@ export default {
border: none
.value-color
opacity: 1
.select-form-separator
background-color: var(--btn-blue-color-3)
height: 24px
width: 1px
border-radius: 1px
</style>