【报Bug】uniapp中uni-datetime-picker组件被scroll-view组件遮掩问题

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win11

HBuilderX类型：正式

HBuilderX版本号： 3.8.7

浏览器平台： Chrome

浏览器版本： hbuilder内置

项目创建方式： HBuilderX

操作步骤：

使用swiper 中间使用的是active-form表单组件日期控件和下拉控件是在组件里的

预期结果：

使用swiper 中间使用的是active-form表单组件日期控件和下拉控件是在组件里的

实际结果：

使用swiper 中间使用的是active-form表单组件日期控件和下拉控件是在组件里的

bug描述：

        <swiper class="swiper-box-list" :current="currentTab" @change="swiperChange" :style="{height:swiperheight+'px'}">    
            <swiper-item class="swiper-topic-list" key="0" >    
                <scroll-view scroll-y catchtouchmove="true">        
                    <view class="u-demo-block" :style="{height:swiperheight+'px'}">    
                        <view class="content">    
                            <active-form ref="activeForm" v-model="formPatData"></active-form>    
                        </view>    
                    </view>    
                </scroll-view>    
            </swiper-item>    
            <swiper-item class="swiper-topic-list" key="1">    
                <scroll-view scroll-y>    
                    <view class="content" :style="{height:swiperheight+'px'}">    
                        <active-form ref="activeForm" v-model="formData"></active-form>    
                    </view>    
                </scroll-view >    
            </swiper-item>    
            <swiper-item class="swiper-topic-list" key="2">    
                <scroll-view scroll-y>    
                    <view class="u-demo-block" :style="{height:swiperheight+'px'}">    
                        <text class="u-demo-block__title">审核信息节点</text>    
                        <view class="u-demo-block__content">    
                            <u-steps dot direction="column" current="10">    
                                <view v-for="(item,index) in showline" :key="index">    
                                    <u-steps-item :title="item.flinkname"    
                                        :desc="item.fopdate+'\r\n处理人:('+ item.fopusername+')'">    
                                    </u-steps-item>    
                                </view>    
                            </u-steps>    
                        </view>    
                    </view>    
                </scroll-view >    
            </swiper-item>    
        </swiper>

2023-07-06 16:48 负责人:无分享

3 个回复

爱豆豆 - 办法总比困难多

按照你的写法没发现样式问题。能提供一个demo吗

程序哈 (作者)

这个日期控件弹框是被scroll-view 束缚了从scroll-view 里面弹出来了并没有从底部弹出，

2023-07-07 08:46
爱豆豆

回复 2***@qq.com: 没有复现有可能是底部这个按钮影响到了你提供一个demo出来

2023-07-07 09:26
程序哈 (作者)

回复爱豆豆: 可以留下你的联系方式吗 21156456这是我的

2023-07-07 09:30
爱豆豆

回复程序哈: 加你了

2023-07-07 09:47
程序哈 (作者)

回复爱豆豆: 非常厉害的大佬哈哈

2023-07-07 11:21