#鸿蒙通关秘籍#在Tabs组件中如何设置TabBar的模糊背景？

通过 barBackgroundBlurStyle 设置TabBar的背景模糊效果。示例代码为：

@Entry
@Component
struct TabsBlurExample {
  build() {
    Tabs() {
      TabContent() {
        Column().width('100%').height('100%').backgroundColor('#00CB87');
      }.tabBar('First Tab')

      TabContent() {
        Column().width('100%').height('100%').backgroundColor('#007DFF');
      }.tabBar('Second Tab')
      
    }
    .barBackgroundBlurStyle(BlurStyle.LIGHT)
  }
}