изменения long list
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user