cmp.UI-buttons 类

按钮

定义于: doc\doc\cmp_doc_all\cmp-ui-doc.js:104
模块: UI

构造函数

cmp.UI-buttons

cmp.UI-buttons ()

定义于 doc\doc\cmp_doc_all\cmp-ui-doc.js:104

示例:

<!--有底色按钮-->
    <button type="button" class="cmp-btn">默认按钮</button>
    <button type="button" class="cmp-btn cmp-btn-warning">红色按钮<button>

<!--无底色有边框-->
    <button type="button" class="cmp-btn cmp-btn-outlined">默认</button>
    <button type="button" class="cmp-btn cmp-btn-success cmp-btn-outlined">成功</button>
<!--链接按钮-->
    <button type="button" class="cmp-btn cmp-btn-link">链接</button>
<!--input按钮-->
    <input type="button" value="type=button" />
<!--圆角按钮-->
    <button type="button" class="cmp-btn cmp-btn-primary2 cmp-btn-radius100 cmp-btn-plr20">圆角按钮</button>
<!--数字角标按钮-->
    <button type="button" class="cmp-btn">默认<span class="cmp-badge">1</span></button>
<!--块级按钮-->
    <button type="button" class="cmp-btn cmp-btn-primary cmp-btn-block">蓝色</button>
<!--图标按钮-->
    <!--图标居左-->
    <button type="button" class="cmp-btn cmp-icon cmp-icon-home">首页</button>
    <!--图标居右-->
    <button type="button" class="cmp-btn cmp-icon cmp-icon-home cmp-right">首页</button>
    <!--半圆图标按钮-->
    <button type="button" class="cmp-btn m3-icon-status-seal cmp-btn-lean cmp-btn-lean-yellow">
        <span class="cmp-btn-lean-text">待定</span>
    </button>

图例:

普通按钮 数字角标按钮 块级按钮 图标按钮

Top