微信小程序完成一个商品列表展示页面； 包含事件传参（跳转到对应商品页面）、列表渲染、事件绑定等方式。

在微信小程序中，创建一个商品列表展示页面通常包括以下几个步骤：

1. **结构布局**:
使用`wxml`文件创建一个`view`标签作为容器，然后嵌套一个`scroll-view`用于滚动浏览，里面可以包含一个`list`组件，每个`list-item`代表一个商品。

<view class="container">
  <scroll-view bindscrolltolower="loadMore" scroll-y="true">
    <block wx:for="{{goodsList}}">
      <view class="product-item" bindtap="goToProductPage">
        <!-- 展示商品信息 -->
        <text>{{item.name}}</text>
        <image src="{{item.image}}" mode="widthFix"></image>
      </view>
    </block>
  </scroll-view>
</view>

2. **数据绑定**:
在对应的`js`文件中，设置`data`属性如`goodsList`，并监听事件。例如，`bindtap`绑定了点击商品跳转事件，`loadMore`用于加载更多商品。

Page({
  data: {
    goodsList: [], // 商品列表初始为空数组
  },
  
  loadMore: function() {
    // 加载更多商品数据，这里假设有API接口
    this.setData({
      goodsList: [...this.data.goodsList, ...newGoods] // 新增数据
    });
  },

  goToProductPage(e) {
    const item = e.currentTarget.dataset; // 获取当前点击的商品数据
    wx.navigateTo({
      url: '/pages/product/detail?id=' + item.id, // 跳转到商品详情页
      extraData: { // 如果需要传参
        id: item.id,
        name: item.name
      }
    });
  }
})