<div class="div_item">
<ul class="list__items">
<li class="item__block"></li>
<li class="item__block"></li>
<li class="item__block"></li>
<li class="item__block"></li>
<li class="item__block"></li>
<li class="item__block"></li>
<li class="item__block"></li>
<li class="item__block"></li>
</ul>
</div>
.div_item {
width: 236px;
height: 188px;
overflow-y: scroll;
overflow-x: hidden;
}
.list__items {
width: 98%;
border-radius: 30px;
padding-left: 0;
overflow: hidden;
}
.item__block {
width: 100%;
height: 34px;
background: green;
list-style-type: none;
}
.div_item::-webkit-scrollbar {
width: 6px;
border-radius: 100px;
}
.div_item::-webkit-scrollbar-track {
background: #E6E6E6;
border-radius: 100px;
margin: 20px 0;
}
.div_item::-webkit-scrollbar-thumb {
background: #7F7F7F;
border-radius: 100px;
}
.item__block {
width: 224px;
height: 34px;
background: green;
list-style-type: none;
}
.item__block:nth-child(2n) {
background: red;
}
}
mounted() {
this.refreshSelectPicker()
},
methods: {
refreshSelectPicker() {
$('.selectpicker2').selectpicker('render');
},
refreshSelectPicker2() {
$('.selectpicker3').selectpicker('destroy');
$('.selectpicker3').selectpicker('render');
},