鸿蒙开发之ArkUI 界面篇 二十六 购物车商品添加逻辑

购物界面，当有商品时候显示立即购买、加入购物车按钮，如下图：

当没有商品时候显示查看类似商品按钮，如下图所示：

鸿蒙开发中没有Android Gone这样的概念，控制界面显示与否需要的是在变量前面添加State修饰 @State count: number = 0// 无库存 控制组件的显示，当大于0的时候显示立即购买那个界面，当小于零的时候显示查看类似商品界面，下面这一段代码一起使用，作用是使组件底部显示，

整个代码如下：

@Entry
@Component
struct IndexTest {
  // 库存, 有库存 > 0
  @State count: number = 0// 无库存 控制组件的显示

  build() {
    Column() {
      Column() {
        // 底部菜单
        Row({space: 10}) {
          // 左侧菜单
          Row() {
            Column({space: 5}) {
              Image($r('app.media.ic_dianpu'))
                .width(20)
              Text('店铺')
                .fon