官方文档 - Skyline 渲染引擎 - 增强特性 - 自定义路由,页面中示例代码 borderRadius 设置无效
在 3.0.1 之前,有效;在 3.0.1 无效
https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/custom-route.html
文档中的实例代码:
const HalfScreenDialogRouteBuilder = (customRouteContext) => {
const {
primaryAnimation,
} = customRouteContext
const handlePrimaryAnimation = () => {
'worklet'
let t = primaryAnimation.value
// 距离顶部边距因子
const topDistance = 0.12
// 距离顶部边距
const marginTop = topDistance * screenHeight
// 半屏页面大小
const pageHeight = (1 - topDistance) * screenHeight
// 自底向上显示页面
const transY = pageHeight * (1 - t)
return {
borderRadius: '10px', // *** 这里无效 ***
marginTop: `${marginTop}px`,
height: `${pageHeight}px`,
transform: `translateY(${transY}px)`,
}
}
return {
handlePrimaryAnimation,
}
}
需要加个 overflow: 'hidden'