j***@163.com
j***@163.com
  • 发布:2024-04-02 23:12
  • 更新:2024-04-10 17:16
  • 阅读:210

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

分类:uni-app

产品分类: 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 负责人:无 分享
已邀请:
套马杆的套子

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

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

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

没有border-radius或者borderRadius属性

1***@qq.com

1***@qq.com - hhhh

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

要回复问题请先登录注册