<template>
    <div class="ht-base-page-mini-demo">
        <ht-base-page size="small" :total="50" :show-total="total => `共 ${total} 条`"/>
        <br/>
        <ht-base-page size="small" :page-size-options="pageSizeOptions" :total=50 show-size-changer show-quick-jumper/>
    </div>
</template>

<script>
    export default {
        name: 'HtBasePageMiniDemo',
        data() {
            return {
                pageSizeOptions: [10, 20, 30, 40, 50],
            }
        }
    }
</script>
<style>
    .ht-base-page-mini-demo {

    }
</style>

