腾讯云电商小程序

<!-- index.wxml -->
<view class="container">
  <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
    <swiper-item>
      <image src="/images/banner1.jpg" mode="aspectFill"></image>
    </swiper-item>
    <swiper-item>
      <image src="/images/banner2.jpg" mode="aspectFill"></image>
    </swiper-item>
  </swiper>
  <view class="product-list">
    <block wx:for="{{products}}" wx:key="id">
      <view class="product-item" bindtap="navigateToProduct" data-id="{{item.id}}">
        <image src="{{item.image}}" mode="aspectFill"></image>
        <text>{{item.name}}</text>
        <text>￥{{item.price}}</text>
      </view>
    </block>
  </view>
</view>

// index.js
Page({
  data: {
    indicatorDots: true,
    autoplay: true,
    interval: 3000,
    duration: 500,
    products: []
  },
  onLoad: function () {
    // 获取商品数据
    wx.request({
      url: 'https://your-api-endpoint/products',
      success: (res) => {
        this.setData({ products: res.data });
      }
    });
  },
  navigateToProduct: function (e) {
    const productId = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: `/pages/product/product?id=${productId}`
    });
  }
});