欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

分隔符组件

程序员文章站 2022-06-01 14:02:04
...

分隔符组件

分隔符组件

<import name="divider" src="../Common/ui/h-ui/advance/c_divider"></import>
<template>
    <div class="container">
        <divider></divider>
    </div>
</template>

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

分隔符组件

<import name="divider" src="../Common/ui/h-ui/advance/c_divider"></import>
<template>
    <div class="container">
        <divider text="没有更多了"></divider>
    </div>
</template>

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

分隔符组件

<import name="divider" src="../Common/ui/h-ui/advance/c_divider"></import>
<template>
    <div class="container">
        <divider color="info" bg-color="bg-color"></divider>
        <divider color="purple" bg-color="bg-purple"></divider>
        <divider color="green" bg-color="bg-green"></divider>
    </div>
</template>

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

分隔符组件

<import name="divider" src="../Common/ui/h-ui/advance/c_divider"></import>
<template>
    <div class="container">
        <divider type-icon="sofa" color="danger"></divider>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>
相关标签: 高阶组件