HarmonyOS 如何解决当前布局的写法问题？

@Entry  
@Component  
struct TextDemo{  
  build() {  
    Row(){  
      Checkbox()  
        .width('14vp')  
        .height('14vp')  
        .select(false)  
        .selectedColor(0x39a2db)  
        .shape(CheckBoxShape.ROUNDED_SQUARE)  
        .onChange(() => {})  
      Flex({wrap:FlexWrap.Wrap}){  
        Text(){  
          Span('我已阅读并同意')  
            .fontSize('14fp')  
          Span('《上海野生动物园用户协议》')  
            .fontSize('14fp')  
            .onClick(() => {  
              console.log('上海野生动物园用户协议')  
            })  
          Span('《用户隐私协议》')  
            .fontSize('14fp')  
            .onClick(() => {  
              console.log('《用户隐私协议》')  
            })  
        }  
      }  
    }  
    .margin({  
      top: '40vp',  
      bottom: '12vp',  
      left: '14vp',  
      right: '14vp',  
    })  
  }  
}