изменения long list

This commit is contained in:
dderbentsov
2023-01-03 03:52:03 +03:00
parent 722d1ac887
commit fe477ac2ac

View File

@@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
base-input-container(:label="label") base-input-container(:label="label")
.flex.container .relative
base-input(type="text", v-model="value.label") base-input(type="text", v-model="value.label")
template(#icon) template(#icon)
.icon(@click="isExpand = !isExpand") .icon(@click="isExpand = !isExpand")
@@ -11,7 +11,7 @@
placeholder="Поиск...") placeholder="Поиск...")
template(#icon) template(#icon)
.icon1(@click="isExpand = !isExpand") .icon1(@click="isExpand = !isExpand")
.item.p-1.cursor-pointer( .item.p-2.cursor-pointer(
v-for="item in items", v-for="item in items",
:key="item.id", :key="item.id",
@click="pickValue(item)" @click="pickValue(item)"
@@ -73,18 +73,15 @@ export default {
width: 20px width: 20px
height: 100% height: 100%
.icon1
background: url("../../assets/icons/down-arrow-1.svg") no-repeat 100% 50%
cursor: pointer
width: 20px
height: 100%
rotate: 180deg
.menu .menu
background: #fff background: #fff
position: absolute position: absolute
height: 200px
z-index: 10 z-index: 10
border: 1.5px solid var(--border-light-grey-color) border: 1.5px solid var(--border-light-grey-color)
border-radius: 4px border-radius: 0 0 4px 4px
border-top: none
width: 100%
.item .item
&:hover
background: var(--bg-hover-row-table)
</style> </style>