HarmonyOS bindMenu的背景问题

@Entry 
@Component 
struct MenuExample { 
 @State listData: number[] = [0, 0, 0] 
 @State menuIsShow:boolean = false; 
 @Builder MenuBuilder() { 
  Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) { 
   ForEach(this.listData, (item:number, index:number) => { 
    Column() { 
     Row() { 
      Image($r("app.media.startIcon")).width(20).height(20).margin({ right: 5 }) 
      Text(`${index as number + 1}`).fontSize(20) 
     } 
     .width('100%') 
     .height(30) 
     .justifyContent(FlexAlign.Center) 
     .align(Alignment.Center) 
     .onClick(() => { 
      console.info(`Menu${index as number + 1} Clicked!`) 
     }) 
 
     if (index != this.listData.length - 1) { 
      Divider().height(10).width('80%').color('#ccc') 
     } 
    }.padding(5).height(40) 
   }) 
  } 
  .width(100) 
  // .backgroundColor(Color.Black) 
 } 
 
 build() { 
  Column() { 
   Text('click for menu') 
    .onClick(()=>{ 
     this.menuIsShow = !this.menuIsShow; 
    }) 
    .fontSize(20) 
    .margin({ top: 20 }) 
     // .bindMenu(this.MenuBuilder) 
    .bindContextMenu(this.menuIsShow,this.MenuBuilder(),{ 
     backgroundColor:Color.Black, 
     backgroundBlurStyle:BlurStyle.NONE 
    }) 
  } 
  .height('100%') 
  .width('100%') 
  .backgroundColor('#f0f0f0') 
 } 
}