HarmonyOS鸿蒙Next中请问这个蒙版的属性设置为什么不生效啊？

看楼主其它层的回复是需要实现蒙层的模糊效果，可以参考：

【解决方案】 自定义弹窗暂无内置属性支持设置蒙层背景模糊效果。给openCustomDialog蒙层添加模糊效果，可以在弹窗内容容器外包裹一层空column容器作为蒙层，设置backdropBlur属性，达到为蒙层添加模糊效果的目的，并通过监听onClick事件来关闭弹窗。为防止点击弹窗本身关闭弹窗，可以为弹窗内容容器设置空的onClick事件。 示例代码如下：

import { BusinessError } from '@kit.BasicServicesKit';
import { ComponentContent, promptAction, UIContext, window } from '@kit.ArkUI';
import { common } from '@kit.AbilityKit';

export class PromptActionDialogClass {
  static context: UIContext;
  static contentNode: ComponentContent<Object>;
  static options: promptAction.BaseDialogOptions;

  static setContext(context: UIContext) {
    PromptActionDialogClass.context = context;
  }

  static setContentNode(node: ComponentContent<Object>) {
    PromptActionDialogClass.contentNode = node;
  }

  static setOptions(options: promptAction.BaseDialogOptions) {
    PromptActionDialogClass.options = options;
  }

  static openDialog() {
    if (PromptActionDialogClass.contentNode !== null) {
      PromptActionDialogClass.context.getPromptAction().openCustomDialog(PromptActionDialogClass.contentNode, PromptActionDialogClass.options)
        .then(() => {
          console.info('OpenCustomDialog complete.');
        })
        .catch((error: BusinessError) => {
          let message = (error as BusinessError).message;
          let code = (error as BusinessError).code;
          console.error(`OpenCustomDialog args error code is ${code}, message is ${message}`);
        })
    }
  }

  static closeDialog() {
    if (PromptActionDialogClass.contentNode !== null) {
      PromptActionDialogClass.context.getPromptAction().closeCustomDialog(PromptActionDialogClass.contentNode)
        .then(() => {
          console.info('CloseCustomDialog complete.');
        })
        .catch((error: BusinessError) => {
          let message = (error as BusinessError).message;
          let code = (error as BusinessError).code;
          console.error(`CloseCustomDialog args error code is ${code}, message is ${message}`);
        })
    }
  }

  static updateDialog(options: promptAction.BaseDialogOptions) {
    if (PromptActionDialogClass.contentNode !== null) {
      PromptActionDialogClass.context.getPromptAction().updateCustomDialog(PromptActionDialogClass.contentNode, options)
        .then(() => {
          console.info('UpdateCustomDialog complete.');
        })
        .catch((error: BusinessError) => {
          let message = (error as BusinessError).message;
          let code = (error as BusinessError).code;
          console.error(`UpdateCustomDialog args error code is ${code}, message is ${message}`);
        })
    }
  }
}

class Params {
  text: string = '';
  topHeight: number;
  constructor(text: string,topHeight: number) {
    this.text = text;
    this.topHeight = topHeight;
  }
}

@Builder
function buildText(params: Params) {
  // 蒙层
  Column() {
    // 实际弹窗内容
    Column(){
      Text(params.text)
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .margin({ bottom: 36 })
    }
    .backgroundColor(Color.Pink)
    // 加入空的点击事件弹窗就不会关闭
    .onClick(()=>{
    })
  }
  .width('100%')
  .height('100%')
  // 此处margin需要替换为顶部安全区高度topHeight，因为朦层会侵入安全区，所以做假朦层也要侵入安全区
  .margin({ top: -params.topHeight })
  .padding({ top: params.topHeight})
  .backdropBlur(20)
  .onClick(() => {
    PromptActionDialogClass.closeDialog();
  })
}

@Entry
@Component
struct Index {
  @State message: string = 'hello';
  private ctx: UIContext = this.getUIContext();
  private windowClass: window.Window = (this.getUIContext().getHostContext() as common.UIAbilityContext)
    .windowStage.getMainWindowSync();
  private topHeight: number = this.ctx.px2vp(
    this.windowClass.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).topRect.height);
  private contentNode: ComponentContent<Object> =
    new ComponentContent(this.ctx, wrapBuilder(buildText), new Params(this.message,this.topHeight));


  aboutToAppear(): void {
    PromptActionDialogClass.setContext(this.ctx);
    PromptActionDialogClass.setContentNode(this.contentNode);
    PromptActionDialogClass.setOptions({
      alignment: DialogAlignment.Top,
      offset: { dx: 0, dy: this.topHeight } ,
    });
  }

  build() {
    Row() {
      Column() {
        Button('open dialog and update options')
          .margin({ top: 50 })
          .onClick(() => {
            PromptActionDialogClass.openDialog();
          })
      }
      .width('100%')
      .height('100%')
    }
    .height('100%')
  }
}

【背景知识】

• 推荐使用UIContext中获取到的PromptAction对象提供的openCustomDialog接口在相对应用复杂的场景来实现自定义弹出框，相较于CustomDialogController优势点在于页面解耦，支持动态刷新。
• backdropBlur为组件添加背景模糊效果，支持自定义设置模糊半径和灰阶参数。