HarmonyOS 弹窗最外层有一圈背景色，无法去除

HarmonyOS

shlp

2024-12-25 08:57:03

5253浏览

回答 1

按赞同

按时间

Excelsior_abit

需要添加配置：backgroundBlurStyle:BlurStyle.NONE,修改之后的代码如下：

@Entry
@Component
struct Index {
  dialogController: CustomDialogController = null!!

  build() {
    Row() {
      Text('打开dialog')
        .fontSize(30)
        .onClick(() => {
          this.dialogController = new CustomDialogController({
            builder: PaperEditionDialog({
              onSelect: (index: number) => {
              }
            }),
            cancel: () =&gt; {
          },
            backgroundBlurStyle:BlurStyle.NONE,
          autoCancel: true,
          alignment: DialogAlignment.Bottom,
          offset: { dx: 0, dy: 0 },
          showInSubWindow: false,
          isModal: true,
          customStyle: false,
          width: '88%',
          backgroundColor: Color.Transparent
        })
      this.dialogController.open()
    })
  }

}
}
@CustomDialog
export struct PaperEditionDialog {
  @Prop currentSelectIndex: number = 0
  @Prop editionArray: Array<string>
  controller?: CustomDialogController
  onSelect?: (index: number) => void
  build() {
    Column() {
      Column() {
        Grid() {
        }
        .rowsGap(20)
        .columnsGap(20)
        .columnsTemplate('1fr 1fr 1fr 1fr 1fr')
        .scrollBar(BarState.Off)
        .width('100%')
        .height(200)
      }
      .padding(20)
      .backgroundColor(Color.Green)
      .borderRadius(6)

      Image($r('app.media.small_down_icon'))
        .fillColor(Color.Green)
        .width(28)
        .margin({ left: 80, top: -2 })
    }
    .width('100%')
    .backgroundColor(Color.Transparent)

  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.