给我一份商品列表的代码，用uniapp和调用接口获取数据

以下是一个简单的示例代码，使用uniapp框架和调用接口获取商品列表数据：

<!-- template -->
<template>
  <view>
    <view v-for="(item, index) in productList" :key="index">
      <text>{{ item.name }}</text>
      <text>{{ item.price }}</text>
    </view>
  </view>
</template>

<!-- script -->
<script>
  export default {
    data() {
      return {
        productList: []
      }
    },
    mounted() {
      // 调用接口获取商品列表数据
      uni.request({
        url: 'https://your-api.com/productList',
        success: (res) => {
          this.productList = res.data
        }
      })
    }
  }
</script>

在这个示例中，我们先定义了一个 `productList` 数组用于存储获取到的商品列表数据。在 `mounted()` 钩子函数中，我们使用 `uni.request()` 方法调用了一个接口，该接口返回的是商品列表数据。一旦获取到数据，就将其存储到 `productList` 数组中。然后在 `template` 中使用 `v-for` 指令遍历 `productList` 数组，将每个商品的名称和价格显示出来。

请注意，这只是一个简单的示例，实际的代码可能需要更多的处理和错误处理。