import { font } from '@kit.ArkUI';

//字体图标
@Component
export struct FontIcon {
  @Prop fontIcon: string //输入框左侧字体图标
  @Prop fontColor: string = ‘#333’
  @Prop fontSize: Length = '16'

  build() {
    Text(this.fontIcon)
      .align(Alignment.Center)
      .fontSize(this.fontSize)
      .fontColor(this.fontColor)
      .fontFamily('iconfont')
  }

  aboutToAppear() {
    font.registerFont({
      familyName: 'iconfont',
      familySrc: $rawfile('iconfont.ttf')
    })
  }
}