如何调整半模态弹窗的顶部圆角？

Question

请问如何设置半模态弹窗的顶部圆角，
总觉得默认的圆角太大，又找不到对应的api。

Answer 1

半模态弹窗当前未提供圆角设置接口，可通过 Panel 组件处理类似半模态场景，使用 Panel 取消圆角的示例代码如下

    // xxx.ets
    @Entry
    @Component
    struct Index6 {
      @State show: boolean = false
      build() {
        Column() {
          Text(‘showPanel’)
         .width(‘90%’)
         .height(50)
           .borderRadius(10)
           .backgroundColor(0xFFFFFF)
           .padding({ left: 20 })
           .onClick(() => {
              this.show =!this.show
            })
          Panel(this.show) {
            Column() {
              Text(‘Today Calendar’)
              Divider()
              Text(‘1. afternoon 4:00 The project meeting’)
            }.height(300)
          }
         .borderRadius(0)
         .type(PanelType.CUSTOM)
         .customHeight(PanelHeight.WRAP_CONTENT)
         .backgroundColor(Color.Red)
         .dragBar(false)
         .showCloseIcon(false)
         .onChange((width: number, height: number, mode: PanelMode) => {
            console.info(width:${width},height:${height},mode:${mode})
          })
        }.width(‘100%’).height(‘100%’).backgroundColor(0xDCDCDC).padding({