收藏
回答

页面 borderRadius(border-radius ) 无效

官方文档 - 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,
  }
}


最后一次编辑于  2023-08-31
回答关注问题邀请回答
收藏

1 个回答

  • 黄思程
    黄思程
    2023-08-31

    需要加个 overflow: 'hidden'

    2023-08-31
    有用
    回复 1
    • 如影随形
      如影随形
      2023-08-31
      可以了,谢谢了
      2023-08-31
      回复
登录 后发表内容