HarmonyOS鸿蒙Next中ArkUI-X编译安卓，结果样式不一样

HarmonyOS鸿蒙Next中ArkUI-X编译安卓，结果样式不一样

@Entry @Component struct Index { @State selectedGender: string = ‘’

build() { Column() { // 标题区域 Column() { Text(‘欢迎来到平台’) .fontSize(24) .fontWeight(FontWeight.Bold) .margin({bottom: 8})

    Text('请选择您的性别，开启寻爱之旅')
      .fontSize(14)
      .fontColor('#999999')
  }
  .margin({top: 40, bottom: 40})

  // 性别选择区域
  Row() {
    // 男生选项
    Column() {
      Text('♂')
        .fontSize(40)
        .fontColor('#1E90FF')
        .margin({bottom: 8})

      Text('男生')
        .fontSize(14)
        .fontColor('#666666')
    }
    .width('40%')
    .height(160)
    .justifyContent(FlexAlign.Center)
    .backgroundColor(this.selectedGender === 'male' ? '#F0F8FF' : Color.White)
    .borderRadius(12)
    .border({width: 1, color: this.selectedGender === 'male' ? '#1E90FF' : '#E0E0E0'})
    .onClick(() => {
      this.selectedGender = 'male'
    })

    // 间距
    Blank()
      .width('10%')

    // 女生选项
    Column() {
      Text('♀')
        .fontSize(40)
        .fontColor('#FF69B4')
        .margin({bottom: 8})

      Text('女生')
        .fontSize(14)
        .fontColor('#666666')
    }
    .width('40%')
    .height(160)
    .justifyContent(FlexAlign.Center)
    .backgroundColor(this.selectedGender === 'female' ? '#FFF0F5' : Color.White)
    .borderRadius(12)
    .border({width: 1, color: this.selectedGender === 'female' ? '#FF69B4' : '#E0E0E0'})
    .onClick(() => {
      this.selectedGender = 'female'
    })
  }
  .width('90%')
  .margin({bottom: 40})

  // 确认按钮
  Button('确定', {type: ButtonType.Capsule})
    .width('80%')
    .height(50)
    .backgroundColor(this.selectedGender ? '#FF69B4' : '#E0E0E0')
    .fontColor(Color.White)
    .enabled(!!this.selectedGender)
}
.width('100%')
.height('100%')
.backgroundColor('#F5F5FF')
.alignItems(HorizontalAlign.Center)

} }