修改分段按钮样式为圆角矩形

// xxx.ets 
import { 
SegmentButton, 
SegmentButtonItemTuple, 
SegmentButtonOptions, 
} from '@ohos.arkui.advanced.SegmentButton' 
​ 
@Entry 
@Component 
struct Index { 
@State iconTextCapsuleOptions: SegmentButtonOptions = SegmentButtonOptions.capsule({ 
buttons: [ 
{ text: '图标1', icon: $r('sys.media.ohos_ic_public_email'), selectedIcon: $r('sys.media.ohos_ic_public_clock') }, 
{ text: '图标2', icon: $r('sys.media.ohos_ic_public_email'), selectedIcon: $r('sys.media.ohos_ic_public_clock') }, 
{ text: '图标3', icon: $r('sys.media.ohos_ic_public_email'), selectedIcon: $r('sys.media.ohos_ic_public_clock') }, 
{ text: '图标4', icon: $r('sys.media.ohos_ic_public_email'), selectedIcon: $r('sys.media.ohos_ic_public_clock') }, 
{ text: '图标5', icon: $r('sys.media.ohos_ic_public_email'), selectedIcon: $r('sys.media.ohos_ic_public_clock') } 
] as SegmentButtonItemTuple, 
multiply: false 
}) 
@State multiplySelectIconTextCapsuleSelectedIndexes: number[] = [1] 
​ 
build() { 
Row() { 
Column() { 
Column({ space: 25 }) { 
SegmentButton({ options: this.iconTextCapsuleOptions, 
selectedIndexes: $multiplySelectIconTextCapsuleSelectedIndexes }) 
}.width('90%') 
}.width('100%') 
}.height('100%') 
} 
}