在微信小程序中，設(shè)置商品屬性顯示可以通過以下步驟實現(xiàn)：

1. 在小程序的app.json文件中配置商品信息。例如，假設(shè)我們要展示一個名為“水果”的商品，可以這樣配置：

{
  "pages": [
    "pages/index/index",
    "pages/products/products"
  ],
  "pagePath": {
    "pages/index/index": "pages/index/index",
    "pages/products/products": "pages/products/products"
  },
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "微信小程序"
  },
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首頁",
        "iconPath": "static/img/home.png",
        "selectedIconPath": "static/img/home-active.png"
      },
      {
        "pagePath": "pages/products/products",
        "text": "商品",
        "iconPath": "static/img/product.png",
        "selectedIconPath": "static/img/product-active.png"
      }
    ]
  }
}

1. 然后，在pages/products/products.js文件中，使用getProductList函數(shù)獲取商品列表，并使用renderProduct函數(shù)渲染每個商品。例如：

Page({
  data: {
    productList: [],
    currentIndex: 0
  },

  onLoad: function () {
    this.getProductList();
  },

  getProductList: function () {
    // 調(diào)用后端接口獲取商品列表
    // 這里假設(shè)返回的數(shù)據(jù)格式為：[{id: 1, name: '蘋果', price: 5.0}, ...]
    wx.request({
      url: 'https://example.com/api/products', // 替換為實際API地址
      success: (res) => {
        this.setData({
          productList: res.data
        });
      },
      fail: (err) => {
        console.error(err);
      }
    });
  },

  renderProduct: function (product) {
    return (
      <View>
        <Image src={product.imageUrl} />
        <Text>{product.name}</Text>
        <Text>{product.price}</Text>
      </View>
    );
  }
});

1. 最后，在pages/products/products.wxml文件中，使用for循環(huán)遍歷商品列表，并為每個商品添加view組件，如下所示：

<view class="container">
  <view class="product-item">
    <image class="product-image" src="{{item.imageUrl}}" mode="aspectFit"></image>
    <text class="product-name">{{item.name}}</text>
    <text class="product-price">{{item.price}}</text>
  </view>
</view>

這樣，當用戶點擊某個商品時，該商品的屬性（如名稱、價格）將顯示在頁面上。