<template>
  <view class="credits-exchange-container">
    <view class="goods-list">
      <view class="goods-item" v-for="(item, index) in goodsList" :key="index">
        <view class="goods-image">
          <image :src="item.image" mode="aspectFill"></image>
        </view>
        <view class="goods-info">
          <view class="goods-name">{{ item.name }}</view>
          <view class="goods-points">{{ item.points }} <text>积分</text></view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>

export default {
  name: 'CreditsExchange',
  data() {
    return {
      goodsList: [
        {
          id: 1,
          name: '兰蔻持妆粉底液 持久遮瑕保湿',
          points: 31800,
          image: 'https://static.hshuishang.com/property-img-file/shop_icon5.png'
        },
        {
          id: 2,
          name: '福临门一级小磨香油400ML',
          points: 999999,
          image: 'https://static.hshuishang.com/property-img-file/shop_icon5.png'
        },
        {
          id: 3,
          name: '九阳（Joyoung）不用翻面 空气炸锅',
          points: 999999,
          image: 'https://static.hshuishang.com/property-img-file/shop_icon5.png'
        },
        {
          id: 4,
          name: '福临门礼包（福临门自然香五常大米）',
          points: 999999,
          image: 'https://static.hshuishang.com/property-img-file/shop_icon5.png'
        },
        {
          id: 5,
          name: '福临门礼包（福临门自然香五常大米）',
          points: 999999,
          image: 'https://static.hshuishang.com/property-img-file/shop_icon5.png'
        },
        {
          id: 6,
          name: '福临门礼包（福临门自然香五常大米）',
          points: 999999,
          image: 'https://static.hshuishang.com/property-img-file/shop_icon5.png'
        }
      ]
    };
  }
};
</script>

<style>
@import url("./index.css");
</style>