j***@163.com

发布：2024-04-02 23:12
更新：2024-07-08 15:12
阅读：1231

【报Bug】uni-ni组件中popup弹出层的borderRadius属性无效

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 4.08

第三方开发者工具版本号： 1.06.2401020

基础库版本号： 3.3.4

项目创建方式： HBuilderX

示例代码：

<uni-popup ref="popup" @change="changepopup" @maskClick="clickpopup" background-color="#fff" borderRadius="30px 30px 0 0">

操作步骤：

<uni-popup ref="popup" @change="changepopup" @maskClick="clickpopup" background-color="#fff" borderRadius="30px 30px 0 0">

预期结果：

弹出层出现圆角

实际结果：

未出现，查看源码发现此属性未在源码中定义，但是文档中有此属性的说明

bug描述：

popup弹出层的borderRadius属性无效

2024-04-02 23:12 负责人:无分享

4 个回复

套马杆的套子 - 没有解决不了的问题，只有解决不完的问题

border-radius是可以的，参考下

<template>  
    <view>  
        <button @click="open">打开弹窗</button>  
        <uni-popup ref="popup" type="bottom"  background-color="#fff" border-radius="100px 100px 100px 100px"><view style="height: 100rpx;">dasdasdas</view></uni-popup>  

    </view>  
</template>  
<script>  
export default {  
   methods:{  
      open(){  
        // 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']  
        this.$refs.popup.open('top')  
      }  
   }  
}  
</script>

j***@163.com (作者)

没有border-radius或者borderRadius属性

1***@qq.com - hhhh

我也遇到了这个问题，更新一下插件就好了，你用的应该是旧版

a***@126.com

确实，最新的插件有圆角参数

2024-11-26 15:09

Shuailing

去插件时长重新导入最新的，注意不要下载压缩包，压缩包里还是旧的代码

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

【报Bug】uni-ni组件中popup弹出层的borderRadius属性无效

示例代码：

`<uni-popup ref="popup" @change="changepopup" @maskClick="clickpopup" background-color="#fff" borderRadius="30px 30px 0 0">`

操作步骤：

`<uni-popup ref="popup" @change="changepopup" @maskClick="clickpopup" background-color="#fff" borderRadius="30px 30px 0 0">`

预期结果：

弹出层出现圆角

实际结果：

未出现，查看源码发现此属性未在源码中定义，但是文档中有此属性的说明

bug描述：

4 个回复

公告

相关问题

【报Bug】uni-ni组件中popup弹出层的borderRadius属性无效

示例代码： <uni-popup ref="popup" @change="changepopup" @maskClick="clickpopup" background-color="#fff" borderRadius="30px 30px 0 0">

操作步骤： <uni-popup ref="popup" @change="changepopup" @maskClick="clickpopup" background-color="#fff" borderRadius="30px 30px 0 0">

预期结果： 弹出层出现圆角

实际结果： 未出现，查看源码发现此属性未在源码中定义，但是文档中有此属性的说明

bug描述：

与内容相关的链接

4 个回复

公告

相关问题

示例代码：

`<uni-popup ref="popup" @change="changepopup" @maskClick="clickpopup" background-color="#fff" borderRadius="30px 30px 0 0">`

操作步骤：

`<uni-popup ref="popup" @change="changepopup" @maskClick="clickpopup" background-color="#fff" borderRadius="30px 30px 0 0">`

预期结果：

弹出层出现圆角

实际结果：

未出现，查看源码发现此属性未在源码中定义，但是文档中有此属性的说明