"徽标组件"组件:<brage> —— 快应用组件库H-UI

最新推荐文章于 2022-06-16 02:08:23 发布

快应用H-UI

最新推荐文章于 2022-06-16 02:08:23 发布

阅读量186

点赞数

分类专栏：高阶组件

本文链接：https://blog.csdn.net/weixin_41324043/article/details/105310215

版权

高阶组件专栏收录该内容

20 篇文章 0 订阅

订阅专栏

-w536

<import name="badge" src="../Common/ui/h-ui/advance/c_badge"></import>
<template>
    <div class="container">
        <badge>
            <icon type="chat" size="60"></icon>
        </badge>
    </div>
</template>

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

-w537

<import name="badge" src="../Common/ui/h-ui/advance/c_badge"></import>
<template>
    <div class="container">
        <badge type="text" text="New">
            <icon type="chat" size="60"></icon>
        </badge>
    </div>
</template>

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

-w537

<import name="badge" src="../Common/ui/h-ui/advance/c_badge"></import>
<template>
    <div class="container">
        <badge type="number" text="18">
            <icon type="chat" size="60"></icon>
        </badge>
    </div>
</template>

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

-w538

<import name="badge" src="../Common/ui/h-ui/advance/c_badge"></import>
<template>
    <div class="container">
        <badge type="number" text="285">
            <icon type="chat" size="60"></icon>
        </badge>
    </div>
</template>

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

-w536

<import name="badge" src="../Common/ui/h-ui/advance/c_badge"></import>
<template>
    <div class="container">
        <badge hex-color="#0eddd7" type="number" text="285">
            <icon type="chat" size="60"></icon>
        </badge>
    </div>
</template>

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