<template>
    <view class="jy-balance-page">
        <JyCommonHead title="明细"></JyCommonHead>
        <view v-for="(item, index) in 2">
            <view class="jy-balance-title">2024年02月</view>
            <JyBalanceItem class="jy-balance-item"></JyBalanceItem>
        </view>
    </view>
</template>
<script setup>
import { ref } from 'vue'
import JyCommonHead from '@/components/public/jy-common-head'
import JyBalanceItem from '../balance/components/jy-balance-item'
import { onReachBottom } from '@dcloudio/uni-app';
onReachBottom(() => {
    console.log('====================================');
    console.log("加载到底了通知刷新");
    console.log('====================================');
})
</script>
<style lang="scss" scoped>
.jy-balance-page {
    background-color: #f5f5f5;

    .jy-balance-title {
        width: 100%;
        height: 68rpx;
        padding: 12rpx 24rpx;
        display: flex;
        align-items: center;

        ::v-deep .jy-balance-list-item-name {
            font-size: 36rpx;
        }
    }

    .jy-balance-item {
        background: #ffffff;
    }
}
</style>