<template>
    <view class="jy-balance-list-item">
        <!-- 名称 金额 -->
        <view class="df jcsb aic mb20">
            <text class="jy-balance-list-item-name">充值</text>
            <text class="jy-balance-list-item-money">+1.00</text>
        </view>
        <!-- 时间 -->
        <text class="jy-balance-list-item-time">2021-08-01 12:00:00</text>
    </view>
</template>
<script setup>
import { ref, reactive, toRefs, watch } from 'vue'
const props = defineProps({
    item: {
        type: Object,
        default: () => { { } },
    },
})
</script>
<style lang="scss" scoped>
.jy-balance-list-item {
    padding: 32rpx;
    font-size: 28rpx;
    color: #333333;

    &-money {
        font-size: 32rpx;
    }

    &-time {
        font-size: 24rpx;
        color: #999999;
    }
}
</style>