实现餐饮美食应用鸿蒙示例代码

    Tabs({ index: this.selectedIndex }) {
      TabContent() {
        HomeComponent()
      }.tabBar(this.tabBuilder(0, new TabModel('首页', $r("app.media.ic_home"), $r("app.media.ic_home_selected")))).clip(false)

      TabContent() {
        FoodCategory()
      }.tabBar(this.tabBuilder(1, new TabModel('点餐', $r("app.media.ic_food"), $r("app.media.ic_food_selected"))))
      ···
    }
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

    Stack({ alignContent: Alignment.BottomStart }) {
      Column() {
        Image($r(this.foodDetail.pic))
          .height('40%').width('100%').objectFit(ImageFit.Fill)
        Column() {
          Text(this.foodDetail.title)
            .fontSize(16)
        }
1.
2.
3.
4.
5.
6.
7.
8.

  public static push(info: NavRouterInfo) {
    const stack = RouterModule.getStack(info.stackName)
    if (stack) {
      stack.pushPathByName(info.url, info.param, info.animateSwitch === AnimatedMap.ON)
    } else {
      console.error('push nav failed, stackName:' + info.stackName + ', url:' + info.url)
    }
  }
1.
2.
3.
4.
5.
6.
7.
8.