uniapp微信小程序弹窗

<view class="visit-time-panel">

                <view class="visit-time-title">

                    <text>{{ viewOptions.title || '请选择' }}</text>

                    <tui-icon v-if="!viewOptions.noActiveClose" @click="onClose(true)" class="close-icon" name="shut" size="20" color="#FFF" bold />

                </view>

                <view class="visit-time-content">

                    <view class="tui-m-t-20 tui-d-flex">

                        <view class="visit-date-view">

                            <scroll-view scroll-y :scroll-into-view="parentScrollId" :style="{height: `${height}rpx`}">

                                <view v-for="item in treeDataList" :key="item.popupOnlyId" :id="'p' + item.popupOnlyId">

                                    <tui-list-cell unlined :backgroundColor="value.parent === item.value ? '#FFF' : 'transparent'"

                                        :color="value.parent === item.value ? 'rgba(255, 141, 26, 1)' : 'rgba(155, 155, 155, 1)'" :size="32"

                                        @click="onChange(item, 'parent')" :hover="false" padding="0">

                                        <view class="list-item-item tui-flex-center">

                                            <text>{{ item.label }}</text>

                                        </view>

                                    </tui-list-cell>

                                </view>

                            </scroll-view>

                        </view>

                        <view class="visit-time-range-view">

                            <scroll-view scroll-y :scroll-into-view="childScrollId" :style="{height: `${height}rpx`}">

                                <view style="height: 2rpx;" id="child_top"></view>

                                <view v-for="item in childDataList" :key="item.popupOnlyId" :id="'c' + item.popupOnlyId">

                                    <tui-list-cell unlined backgroundColor="transparent" :size="value.child === item.value ? 36 : 32"

                                        :color="value.child === item.value ? 'rgba(255, 141, 26, 1)' : 'rgba(0, 0, 0, 0.5)'" padding="0"

                                        :hover="false" @click="onChange(item, 'child')">

                                        <view class="list-item-item tui-flex-align-center">

                                            <text>{{ item.label }}</text>

                                            <!-- <tui-icon class="check-icon" v-if="value.child === item.value" name="check" :size="25" color="rgba(255, 141, 26, 1)"></tui-icon> -->

                                        </view>

                                    </tui-list-cell>

                                </view>

                            </scroll-view>

                        </view>

                    </view>

                </view>

            </view>