|
|
@ -1,14 +1,19 @@ |
|
|
|
<template> |
|
|
|
<view class="uv-drop-down-popup"> |
|
|
|
<view class="uv-drop-down-popup" |
|
|
|
> |
|
|
|
<uv-transition :show="show" mode="fade" :duration="300" :custom-style="overlayStyle" @click="clickOverlay"> |
|
|
|
<view class="uv-dp__container" ref="uvDPContainer" :style="{height: `${height}px`}" @click.stop="blockClick"> |
|
|
|
<view class="uv-dp__container__list" ref="uvDPList"> |
|
|
|
<slot> |
|
|
|
<view class="uv-dp__container__list--item" v-for="(item,index) in list" :key="index" @click="clickHandler(item,index)" :style="[itemCustomStyle(index)]"> |
|
|
|
<uv-text :text="item[keyName]" :size="getTextSize(index)" :color="getTextColor(index)"></uv-text> |
|
|
|
</view> |
|
|
|
</slot> |
|
|
|
</view> |
|
|
|
<scroll-view |
|
|
|
style="height: 100%;" |
|
|
|
scroll-y="true"> |
|
|
|
<view class="uv-dp__container__list" ref="uvDPList"> |
|
|
|
<slot> |
|
|
|
<view class="uv-dp__container__list--item" v-for="(item,index) in list" :key="index" @click="clickHandler(item,index)" :style="[itemCustomStyle(index)]"> |
|
|
|
<uv-text :text="item[keyName]" :size="getTextSize(index)" :color="getTextColor(index)"></uv-text> |
|
|
|
</view> |
|
|
|
</slot> |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
</view> |
|
|
|
</uv-transition> |
|
|
|
</view> |
|
|
@ -233,6 +238,7 @@ |
|
|
|
transition: all .15s; |
|
|
|
/* #endif */ |
|
|
|
background-color: #fff; |
|
|
|
max-height: 60vh; |
|
|
|
} |
|
|
|
.uv-dp__container__list { |
|
|
|
&--item { |
|
|
|