diff --git a/AnimationDemos/entry/src/main/ets/pages/Component/Tabs/TabsBlur/DefaultTabBar/Index.ets b/AnimationDemos/entry/src/main/ets/pages/Component/Tabs/TabsBlur/DefaultTabBar/Index.ets index b5b91974d2636ef3494e36a33070bbc69feccda2..502fe36702a764125751c5334582564cd1675040 100644 --- a/AnimationDemos/entry/src/main/ets/pages/Component/Tabs/TabsBlur/DefaultTabBar/Index.ets +++ b/AnimationDemos/entry/src/main/ets/pages/Component/Tabs/TabsBlur/DefaultTabBar/Index.ets @@ -83,8 +83,8 @@ struct TabsBlur { // 如果觉得太高了,设置marginBottom负值 // .margin({ bottom: -16 }) .barHeight('auto') // barHeight不能设置具体的数值,否则底部导航条不会有模糊效果 - .barOverlap(true) // 相当于设置了BlurStyle.COMPONENT_THICK,所以如果需要让目标模糊材质生效,需要写在.barBackgroundBlurStyle之前,以免覆盖效果 - .barBackgroundBlurStyle(BlurStyle.COMPONENT_THICK) + .barOverlap(true) // 73版本后,barOverlap(true)相当于设置了BlurStyle.COMPONENT_THICK。所以想让目标模糊材质生效,barBackgroundBlurStyle需要写在barOverlap之后,以免被覆盖效果 + .barBackgroundBlurStyle(BlurStyle.COMPONENT_THIN) .barBackgroundColor(Color.Transparent) .barMode(BarMode.Fixed) .onChange((index: number) => {