<template>
    <scroll-view refresher-enabled :refresher-triggered="isRefreshing" @refresherrefresh="onCustomRefresh"
        class="details-main" @scrolltolower="scrolltolower" scroll-y>
        <view class="header-box flex_c_c_f hr-solid">
            <view class="price-img"></view>
            <view class="header-title">余额提现-到支付宝(1942)</view>
            <view class="header-price">1.10</view>
        </view>
        <view class="stauts-box  hr-solid">
            <view class="font-30-333 stauts-text ">当前状态</view>
            <view>
                <up-steps current="2" direction="column" dot>
                    <up-steps-item title="发起提现" desc="2025年6月9日 12:23">
                    </up-steps-item>
                    <up-steps-item title="银行处理中" desc=" ">
                    </up-steps-item>
                    <up-steps-item title="到账" desc="2025年6月9日 13:23"></up-steps-item>
                </up-steps>
            </view>
        </view>
        <view class="list-box">
            <view v-for="item in list" :key="item.key" class="list-item">
                <view class="font-30-333 list-name">{{ item.name }}</view>
                <view class="font-30-333">{{ item.key }}</view>
            </view>
        </view>
    </scroll-view>

</template>

<script setup>
import { ref } from 'vue';

const isRefreshing = ref(false)

const list = [
    {
        name: '提现金额',
        key: '1'
    },
    {
        name: '服务费',
        key: '1'
    },
    {
        name: '申请时间',
        key: '1'
    },
    {
        name: '到账时间',
        key: '1'
    },
    {
        name: '提现银行',
        key: '1'
    },
    {
        name: '提现单号',
        key: '1'
    },
]

const onCustomRefresh = () => {
    isRefreshing.value = true;

    setTimeout(() => {
        isRefreshing.value = false;
    }, 1000);
};
const scrolltolower = () => {

};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>