WIP настроил создание ДУЛ для нового клиента, поправил "Основное" и "ДУЛ" по макету

This commit is contained in:
DwCay
2022-10-31 20:29:56 +03:00
parent be817b06e1
commit d838a3187e
7 changed files with 172 additions and 53 deletions

View File

@@ -5,7 +5,7 @@
:style="{ minWidth : widthSelect + 'px'}"
)
.relative.flex.flex-col
.not-italic.select.cursor-pointer.w-full(v-if="!forNetworks") {{optionData}}
.not-italic.select.cursor-pointer.w-full(v-if="!forNetworks" :class="{default:!isSelectedOption}") {{isSelectedOption || !defaultOption ? optionData : defaultOption}}
.absolute.options(
v-show="isSelectOpen"
:id="id"
@@ -14,7 +14,7 @@
)
.not-italic.option.pl-4.py-1(
v-for="responsible in listData"
@click="(e) => chooseOption(e)"
@click="(e) => selectOption(e)"
:key="responsible"
:id="responsible"
) {{responsible}}
@@ -26,7 +26,7 @@
:style="{ minWidth : widthSelect + 'px'}")
.flex.not-italic.option.justify-center.py-1.text-xl(
v-for="responsible in listData"
@click="chooseOption"
@click="(e) => chooseOption(e)"
:key="responsible.network"
:id="responsible.network"
:class="responsible.icon"
@@ -39,6 +39,7 @@
export default {
name: "BaseSelect",
props: {
defaultOption: String,
id: String,
styleBorder: {
default: false,
@@ -55,12 +56,17 @@ export default {
data() {
return {
isSelectOpen: false,
isSelectedOption: false,
};
},
methods: {
openSelect() {
this.isSelectOpen = !this.isSelectOpen;
},
selectOption(e) {
this.chooseOption(e);
this.isSelectedOption = true;
},
},
};
</script>
@@ -77,8 +83,10 @@ export default {
appearance: none
border: none
outline: none
color: var(--font-black-color-1)
color: var(--font-dark-blue-color)
background-color: var(--font-black-color-0)
&.default
color: var(--font-black-color-1)
&::-webkit-calendar-picker-indicator
display: none
-webkit-appearance: none