#鸿蒙通关秘籍#如何在Tabs组件中实现分割线样式？

通过 divider 属性设置Tabs组件中TabBar与TabContent间的分割线样式。以下是代码示例：

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

      TabContent() {
        Column().width('100%').height('100%').backgroundColor('#007DFF');
      }.tabBar('Second Tab')
    }
    .divider({
      strokeWidth: 2,
      color: 'red',
      startMargin: 5,
      endMargin: 5
    });
  }
}