<template>
    <div class="ht-base-divider3-demo">
        <ht-base-divider style="margin-left: 30px;" type="vertical" lineStyle="style11"></ht-base-divider>
        <ht-base-divider style="margin-left: 30px;" type="vertical" lineStyle="style22"></ht-base-divider>
        <ht-base-divider style="margin-left: 30px;" type="vertical" lineStyle="style33"></ht-base-divider>
        <ht-base-divider style="margin-left: 30px;" type="vertical" lineStyle="style44"></ht-base-divider>
        <ht-base-divider style="margin-left: 30px;" type="vertical" lineStyle="style55"></ht-base-divider>
        <ht-base-divider style="margin-left: 30px;" type="vertical" lineStyle="style66"></ht-base-divider>
        <ht-base-divider style="margin-left: 30px;" type="vertical" lineStyle="style77"></ht-base-divider>
        <ht-base-divider style="margin-left: 30px;" type="vertical" lineStyle="style88"></ht-base-divider>
        <ht-base-divider style="margin-left: 30px;" type="vertical" lineStyle="style99"></ht-base-divider>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseDivider3Demo',
    }
</script>
<style lang="less">
    .ht-base-divider3-demo {
        height: 600px;
    }
</style>

