博客

解决uniapp编译到微信小程序部分圆角不生效bug

  • Post author:
  • Post category:uniapp


 .swiper {
            height: 320rpx;
            border-radius: 20rpx !important; //这么写在微信小程序上不会生效
            overflow: hidden; //这么写在微信小程序上不会生效
            .swiper-image {
                width: 100%;
                height: 100%;
            }
        }

解决方案：在

css

代码上添加

transform: translateY(0);

 .swiper {
            height: 320rpx;
            border-radius: 20rpx !important;
            overflow: hidden;
            transform: translateY(0); // 关键代码

            .swiper-image {
                width: 100%;
                height: 100%;
            }
        }


版权声明：本文为qq_45549964原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。