<template>
    <div class="reward-list-contain">
        <NewRewardCard
        v-for="(rewardItem, idx) in rewardList"
        :key="idx"
        :card-item="rewardItem"
        />
    </div>
</template>
<script setup>
import { ref } from 'vue'
import { benefitList } from '@/mockData/benefitList.js'
import NewRewardCard from './components/NewRewardCard.vue'
const rewardList = ref(benefitList)

</script>
<style lang="less" scoped>
.reward-list-contain {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    flex-direction: row;
    justify-content: space-between;
}
</style>