<template>
  <v-header title="充值记录">
    <flat-list
        @changeData="flatChangeData"
        background="#fff"
        @fetch="fetch"
        :ref="base_flat_id"
        :pageSize="15"
    >
      <view class="recharge-container">
        <view class="recharge-item row aCenter"
          v-for="(item,index) in base_flat_data.data"
              :key="index"
        >
          <view class="flex-all-1 overflow">
            <view class="line-1 recharge-item-title">{{item.title || '余额充值'}}</view>
            <view class="line-1 recharge-item-time">{{item.createtime}}</view>
          </view>
          <view class="recharge-item-price-warp">
            <view class="recharge-item-price">¥{{item.money}}</view>
            <view v-if="item.give> 0" class="recharge-item-give-price">赠送:¥{{item.give}}</view>
          </view>

        </view>
      </view>
    </flat-list>
  </v-header>
</template>

<script>
import vHeader from '@/components/v-header/main';
import FlatList from '@/components/flat-list/src/main';
import mixins from './mixins';
export default {
  name: "recharge-record",
  mixins,
  components:{
    vHeader,
    FlatList
  }
}
</script>

<style scoped src="./style.scss" lang="scss">

</style>