HarmonyOS CheckBox/Radio 如何自定义更改选择与未选中图标，Text 如何显示多颜色文本(包括点击)

@Extend(Span)  
function normal() {  
  .fontSize(16)  
}  
  
@Extend(Span)  
function hyperlink(callBack?: () => void) {  
  .fontColor(Color.Red)  
  .fontSize(16)  
  .onClick(() => {  
    if (callBack) {  
      callBack()  
    }  
  })  
}  
  
@Entry  
@Component  
struct Index {  
  method1() {  
    console.log("1111111")  
  }  
  
  build() {  
    Row() {  
      Checkbox({ name: 'checkbox1', group: 'checkboxGroup' })  
        .select(true)  
        .selectedColor(0xed6f21)  
        .shape(CheckBoxShape.CIRCLE)  
        .onChange((value: boolean) => {  
          console.info('Checkbox1 change is' + value)  
        })  
      Text() {  
        Span("同时自动注册小程序")  
          .normal()  
        Span("《小程序注册协议》")  
          .hyperlink(this.method1)  
  
        Span("111111111")  
          .normal()  
        Span("222222222")  
          .normal()  
        Span("333333333")  
          .hyperlink()  
          .onClick(() => {  
          })  
      }  
      .lineHeight(25)  
      .textAlign(TextAlign.Start)  
    }  
    .width("100%")  
  }  
}