
<template>
    <div id="scrollbox">
        <h-settlement-bar
            :amount="520"
            :count="10"
            :mode="mode"
            :checked="checked"
            @checked="handleCheck"
        />
        <button @click="handleClick">切换模式</button>
    </div>
</template>

<script>
import hSettlementBar from './index'
export default {
    name: "back-top-demo",
    components: {
        hSettlementBar
    },
    data() {
        return {
            mode: 'normal',
            checked: false
        }
    },
    methods: {
        handleClick() {
            if ( this.mode === 'normal' ) {
                this.mode = 'aaa';
            } else {
                this.mode = 'normal';
            }
        },
        handleCheck() {
            this.checked = !this.checked;
        }
    }
}
</script>
<style>
</style>