"三号标题"组件:<h3> —— 快应用组件库H-UI

<import name="h3" src="../Common/ui/h-ui/text/c_h3"></import>
<template>
    <div class="container">
        <h3 text="h3标题"></h3>
    </div>
</template>

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

<import name="h3" src="../Common/ui/h-ui/text/c_h3"></import>
<template>
    <div class="container">
        <h3 text="默认颜色:黑色" font="default"></h3>
        <h3 text="原始颜色" font="primary"></h3>
        <h3 text="信息颜色" font="info"></h3>
        <h3 text="成功颜色" font="success"></h3>
        <h3 text="警告颜色" font="warning"></h3>
        <h3 text="危险颜色" font="danger"></h3>
        <h3 text="链接颜色" font="link"></h3>
        <h3 text="白色" font="white"></h3>
        <h3 text="标题颜色" font="title"></h3>
        <h3 text="正文颜色" font="content"></h3>
    </div>
</template>

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

扫码体验

猜你喜欢

转载自www.cnblogs.com/cloud-dev/p/san-hao-biao-tizu-jianlth3gt--kuai-ying-yong-zu-ji.html