HarmonyOS Web组件borderRadius不生效

示例代码:

Web({
  src: 'https://www.huawei.com',
  controller: this.controller
}).borderRadius(12)
  .width(200)
  .height(200)
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)
  }
}
分享
微博
QQ
微信
回复
2024-12-25 18:01:14
相关问题
HarmonyOS Panel 设置 borderRadius 生效
1003浏览 • 1回复 待解决
Web组件的onKeyEvent键盘事件生效
2129浏览 • 1回复 待解决
容器组件onVisibleAreaChange生效
2145浏览 • 1回复 待解决
HarmonyOS 组件切换深色模式生效
596浏览 • 1回复 待解决
HarmonyOS ArkWeb组件加载url生效
316浏览 • 1回复 待解决
在嵌套组件中Scroll生效
2296浏览 • 1回复 待解决
HarmonyOS margin生效
824浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
615浏览 • 1回复 待解决
List组件的initialIndex属性设置生效
2386浏览 • 1回复 待解决