@Builder轻量级组件复用-导航栏

语法详见上篇 juejin.cn/post/730755…

1. 按引用传递参数时，传递的参数可为状态变量，且状态变量的改变会引起@Builder方法内的UI刷新。
2. 调用

@Component
export struct Nav {
  @Builder
  NavItemBuilder(active:boolean, title:string ,subTitle?:string){
    Column(){
      Text(){
        Span(title)
        if(subTitle){
        Span(subTitle)

        }
      }
      Text()
    }
  }

  build() {
    Row(){
      this.NavItemBuilder(true,'点菜')
      this.NavItemBuilder(true,'超优惠😀')
      this.NavItemBuilder(false,'评价','2198')
      this.NavItemBuilder(false,'商家')
      Row(){

      }
      .layoutWeight(1)
    }
    .padding({left:15,right:15})
    .height(40)
    .border({width:{bottom:0.5}})

  }
}