小程序如何搭建店铺

{
  "usingComponents": {},
  "pages": [
    "pages/index/index",
    "pages/product/product",
    "pages/cart/cart",
    "pages/user/user"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "我的店铺",
    "navigationBarTextStyle": "black"
  }
}

<!-- pages/index/index.wxml -->
<view class="container">
  <image src="/images/logo.png" class="logo"></image>
  <text class="title">欢迎来到我的店铺</text>
  <button bindtap="navigateToProduct">浏览商品</button>
</view>

/* pages/index/index.wxss */
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.logo {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.title {
  font-size: 24px;
  margin-bottom: 20px;
}

// pages/index/index.js
Page({
  navigateToProduct: function() {
    wx.navigateTo({
      url: '/pages/product/product',
    });
  }
});