"导航列表"组件:<list-nav> —— 快应用组件库H-UI



<import name="list-nav" src="../Common/ui/h-ui/data/c_list_nav"></import>
<template>
    <div class="container-full">
        <list-nav list="{{data}}" list-title="导航列表标题"></list-nav>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<script>
    export default {
        private: {
            data: [
                {
                    title: "有序列表",
                    subTitle: "<ol> <li>",
                    src: "/Data_Package/Data_List_Ol_Li"
                },
                {
                    title: "无序列表",
                    subTitle: "<ul> <li>",
                    src: "/Data_Package/Data_List_Ul_Li"
                },
                {
                    title: "定义列表",
                    subTitle: "<dl> <dt> <dd>",
                    src: "/Data_Package/Data_List_Dl_Dt_Dd"
                }
            ]
        }
    }
</script>

扫码体验