41 lines
1.1 KiB
Vue
41 lines
1.1 KiB
Vue
<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> |