WXML 与 WXSS

<!-- 列表渲染 -->
<view class="list">
  <view wx:for="{{ products }}" wx:key="id" class="item">
    <text>{{ index + 1 }}. {{ item.name }}</text>
    <text class="price">￥{{ item.price }}</text>
  </view>
</view>

<!-- 条件渲染 -->
<view wx:if="{{ list.length === 0 }}" class="empty">暂无商品</view>
<view wx:elif="{{ loading }}" class="loading">加载中...</view>

// 数据
// products: [
//   { id: 1, name: "苹果", price: 5.5 },
//   { id: 2, name: "香蕉", price: 3.2 }
// ]