当前位置: 首页 > 文档资料 > FrozenUI 开发文档 >

按钮

优质
小牛编辑
129浏览
2023-12-01

普通按钮

添加类名 .disabled 增加不可点状态。

<div class="demo">
    <button class="ui-btn">普通按钮</button>
    <button class="ui-btn ui-btn-primary">主要按钮</button>
    <button class="ui-btn ui-btn-danger">警示按钮</button>
    <button class="ui-btn disabled">不可点击</button>
</div>

块状按钮

<div class="demo">
    <button class="ui-btn-lg">普通按钮</button>
    <button class="ui-btn-lg ui-btn-primary">主要按钮</button>
    <button class="ui-btn-lg ui-btn-danger">警示按钮</button>
    <button class="ui-btn-lg disabled">不可点击</button>
</div>

大按钮

<div class="demo">
    <button class="ui-btn-lg-nowhole">普通按钮</button>
    <button class="ui-btn-lg-nowhole ui-btn-primary">主要按钮</button>
    <button class="ui-btn-lg-nowhole ui-btn-danger">警示按钮</button>
    <button class="ui-btn-lg-nowhole ui-btn-danger disabled">不可点击</button>
</div>