WonderfulDemo/entry/src/main/ets/common/component/SmartFactoryCard.ets

@Component
export struct SmartFactoryCard{
  build(){
    Column(){
      Text('装配工位001')
        .fontSize(px2vp(27))
        .fontWeight(FontWeight.Medium)
        .opacity(0.6)
        .width('100%')
        .padding({left:10,top:10})
        .fontColor($r('app.color.start_window_background'))
      Blank()
      Row(){
        Column(){
          Text('16')

            .fontColor('#ffff')
            .textAlign(TextAlign.Center)
            .fontSize(px2vp(64))
            .fontWeight(FontWeight.Bold)
          Text('设备')
            .opacity(0.6)
            .fontColor('#FFFFFF')
            .textAlign(TextAlign.Center)
            .fontSize(px2vp(19))
            .fontWeight(FontWeight.Bold)

        }.height('100%')
        .width('20%')
        Divider().vertical(true)
          .color('#ffff')
        Column(){
          Text('8')

            .fontColor('#ffff')
            .textAlign(TextAlign.Center)
            .fontSize(px2vp(64))
            .fontWeight(FontWeight.Bold)
          Text('在线设备')
            .opacity(0.6)
            .fontColor('#FFFFFF')
            .textAlign(TextAlign.Center)
            .fontSize(px2vp(19))
            .fontWeight(FontWeight.Bold)

        }.height('100%')
        .width('20%')

      }.width('100%')
      .height('30%')


    }
    .padding(10)
    .width('100%')
    .height('90%')
    .margin({left:10})
    .borderRadius(15)
    .backgroundImage($r('app.media.smartFactoryCard'))
    .backgroundImageSize({width:'100%',height:'100%'})
  }
}