HarmonyOS基本UI封装——Cell单元格组件封装与使用(三)

ohpm install @peakmain/library

import {CellItemComponent, GroupCellComponent } from '@peakmain/library/Index'

  let settingData=new CellBean()
  @Builder
  CellItemBuilder(item: CellBean) {
    CellItemComponent({
            cellBean: item
         })
      }
    })
  }
  
 builder(){
    this.CellItemBuilder(this.settingData)
 }

settingData.cellName = "会员信息"

 settingData.cellDesc = "会员信息、头像、昵称"

 let settingData = new CellBean()
 settingData.cellName = "会员信息"
 settingData.cellDesc = "会员信息、头像、昵称"

settingData.isArrow = false

settingData.rightText = "去开启"//显示右边箭头

let settingData = new CellBean()
settingData.cellName = "您已关闭新消息通知"
settingData.cellDesc = "可能会错过订单信息、优惠活动等"
settingData.rightText = "去开启"//显示右边箭头
settingData.isArrow = false
settingData.itemClick=()=>{
 promptAction.showToast({
   message:"点击了消息通知"
 })
}
settingData.rightClick=()=>{
  promptAction.showToast({
    message:"去开启"
})

settingData.rightTextColor = $r("app.color.color_A9AAAA")

let settingData = new CellBean()
settingData.cellName = "关于BasicLibrary"
settingData.rightText = ""
settingData.rightTextColor = $r("app.color.color_A9AAAA")
settingData.isArrow = true

  aboutToAppear(): void {
    AppManager.getAppVersionNameSync().then((result) => {
      let settingData = new CellBean()
      settingData.cellName = "关于BasicLibrary"
      settingData.rightText = result
      settingData.rightTextColor = $r("app.color.color_A9AAAA")
      settingData.isArrow = true
      let index = this.groupCellArray.findIndex((item) => item.title == "")
      this.groupCellArray[index].cellBeanArray[0] = settingData
    })
  }