68 lines
2.0 KiB
Vue
68 lines
2.0 KiB
Vue
<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://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon5.png'
|
||
},
|
||
{
|
||
id: 2,
|
||
name: '福临门一级小磨香油400ML',
|
||
points: 999999,
|
||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon5.png'
|
||
},
|
||
{
|
||
id: 3,
|
||
name: '九阳（Joyoung）不用翻面 空气炸锅',
|
||
points: 999999,
|
||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon5.png'
|
||
},
|
||
{
|
||
id: 4,
|
||
name: '福临门礼包（福临门自然香五常大米）',
|
||
points: 999999,
|
||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon5.png'
|
||
},
|
||
{
|
||
id: 5,
|
||
name: '福临门礼包（福临门自然香五常大米）',
|
||
points: 999999,
|
||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon5.png'
|
||
},
|
||
{
|
||
id: 6,
|
||
name: '福临门礼包（福临门自然香五常大米）',
|
||
points: 999999,
|
||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_icon5.png'
|
||
}
|
||
]
|
||
};
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style>
|
||
@import url("./index.css");
|
||
</style> |