HarmonyOS Web组件borderRadius不生效

示例代码:

Web({
  src: 'https://www.huawei.com',
  controller: this.controller
}).borderRadius(12)
  .width(200)
  .height(200)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
HarmonyOS
2024-12-25 14:56:04
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
put_get

可以参考下面的demo,不是borderRadius没有生效,是被内部的网页盖住了

import web_webview from '@ohos.web.webview';
@Entry
@Component
struct Index {
  controller: web_webview.WebviewController = new web_webview.WebviewController();

  build() {
    Column() {
      Web({ src: "https://www.huawei.com", controller: this.controller })
        .width('80%')
        .height('80%')
        .borderRadius(100)
        .clip(true)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
    }
    .height('100%')
    .width('100%')
    .backgroundColor(Color.Blue)
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
分享
微博
QQ
微信
回复
2024-12-25 18:01:14


相关问题
HarmonyOS Panel 设置 borderRadius 生效
1463浏览 • 1回复 待解决
Web组件的onKeyEvent键盘事件生效
2292浏览 • 1回复 待解决
容器组件onVisibleAreaChange生效
2417浏览 • 1回复 待解决
HarmonyOS ArkWeb组件加载url生效
711浏览 • 1回复 待解决
HarmonyOS 组件切换深色模式生效
915浏览 • 1回复 待解决
在嵌套组件中Scroll生效
2441浏览 • 1回复 待解决
HarmonyOS margin生效
1142浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
1024浏览 • 1回复 待解决
List组件的initialIndex属性设置生效
2607浏览 • 1回复 待解决
HarmonyOS @Observed生效问题
1253浏览 • 1回复 待解决
HarmonyOS margin生效问题
735浏览 • 1回复 待解决