【报Bug】uni-popup的置灰bug

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.99

手机系统： Android

手机系统版本号： Android 12

手机厂商：华为

手机机型： nova 10z

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，使用uni-popup

预期结果：

使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，uni-popup会定位到页面最低端

实际结果：

使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，uni-popup会定位到列表最低端

bug描述：

使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，uni-popup的定位出现问题，uni-popup会定位到列表最低端，而不是页面最低端

2024-02-05 12:41 负责人:无分享

1 个回复

喜欢技术的前端 - QQ---445849201

给父组件设置高度 height: 100vh;试试

父组件  
<template>  
    <view class="container">  
        container  
        <a-test></a-test>  
    </view>  
</template>  
<style>  
    .container{  
        height: 100vh;  
        filter: grayscale(1);  
    }  
</style>  

子组件  
<template>    
    <view class="aaaaaa">  
       a-testa-testa-testa-testa-test  
       <button @click="show">showdialog</button>  
       <uni-popup ref="inputDialog" type="dialog">  
        <view class="dialog">  
            这是一段文字  
        </view>  
       </uni-popup>  
    </view>    
</template>    

<script>    
    export default {    
        name:'a-test',  
        methods: {   
            show(){  
                this.$refs.inputDialog.open('top')  
            }  
        },    
    }    
</script>    

<style>  
    .aaaaaa{  
        color: red;  
    }  
    .dialog{  
        background-color: #fff;  
        color: red;  
    }  
</style>

要回复问题请先登录或注册

【报Bug】uni-popup的置灰bug

操作步骤：

使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，使用uni-popup

预期结果：

使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，uni-popup会定位到页面最低端

实际结果：

使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，uni-popup会定位到列表最低端

bug描述：

1 个回复

公告

相关问题

【报Bug】uni-popup的置灰bug

操作步骤： 使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，使用uni-popup

预期结果： 使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，uni-popup会定位到页面最低端

实际结果： 使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，uni-popup会定位到列表最低端

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，使用uni-popup

预期结果：

使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，uni-popup会定位到页面最低端

实际结果：

使用filter: grayscale(1);置灰页面，并且页面列表长度超过页面时，uni-popup会定位到列表最低端