<template>
    <div class="ht-base-breadcrumb-dropdown-demo">
        <ht-base-breadcrumb>
            当前位置：
            <ht-base-breadcrumb-item to="/">首页</ht-base-breadcrumb-item>
            <ht-base-breadcrumb-item>
                <ht-base-dropdown>
                    <a href="javascript:void(0)">
                        商品列表
                        <ht-base-icon type='LiRa_down'/>
                    </a>
                    <ht-base-dropdown-menu slot="list">
                        <ht-base-dropdown-item>商品1</ht-base-dropdown-item>
                        <ht-base-dropdown-item>商品2</ht-base-dropdown-item>
                        <ht-base-dropdown-item>商品3</ht-base-dropdown-item>
                    </ht-base-dropdown-menu>
                </ht-base-dropdown>
            </ht-base-breadcrumb-item>
            <ht-base-breadcrumb-item>商品详情</ht-base-breadcrumb-item>
        </ht-base-breadcrumb>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseBreadcrumbDropdownDemo',
    }
</script>
<style>
    .ht-base-breadcrumb-dropdown-demo {

    }
</style>

