import { CommonConstants } from 'wdConstant/Index'
import {  DateTimeUtils } from 'wdKit';
/**
 * 播报标题描述
 */
@Component
export struct RecommendTitle {
  build() {
    Row(){
      // 左边
      Column(){
        Text('每日最动听的声音')
          .fontSize($r('app.float.font_size_14'))
          .fontColor($r('app.color.color_222222'))
          .alignSelf(ItemAlign.Start)
        Image($r('app.media.broadcast_line'))
          .width(147)
          .margin({
            top: 8, bottom: 8
          })
        Row(){
          Column(){
            Text('今推')
              .fontSize($r('app.float.font_size_24'))
              .fontColor($r('app.color.color_222222'))
              .fontWeight(600)
            Text('日荐')
              .fontSize($r('app.float.font_size_24'))
              .fontColor($r('app.color.color_222222'))
              .fontWeight(600)
          }
          .margin({right: 8})
          .alignSelf(ItemAlign.Start)
          Column() {
            Text(DateTimeUtils.getLunar())
              .fontSize($r('app.float.font_size_14'))
              .fontColor($r('app.color.color_222222'))
              .alignSelf(ItemAlign.Start)
            Text(DateTimeUtils.formatDate(new Date().getTime(), 'MM/dd'))
              .fontSize($r('app.float.font_size_24'))
              .fontColor($r('app.color.color_222222'))
          }
        }
        .alignSelf(ItemAlign.Start)
      }
      Blank()
      Image($r('app.media.broadcast_pause'))
        .width(90)
        .height(90)
        .margin({
          right: 9
        })
    }
    .width(CommonConstants.FULL_WIDTH)
    .padding({left: 16, right: 16})
    .margin({bottom: 12})
  }
}