DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Mobile/www/pages/demo/button/button.html

<h5>有底色按钮：</h5>
<div style="padding-left:10px;">
    <button type="button" class="lr-btn">
        默认
    </button>
    <button type="button" class="lr-btn-primary">
        蓝色
    </button>
    <button type="button" class="lr-btn-success">
        绿色
    </button>
    <button type="button" class="lr-btn-warning">
        黄色
    </button>
    <button type="button" class="lr-btn-danger">
        红色
    </button>
    <button type="button" class="lr-btn-royal">
        紫色
    </button>
</div>
<h5 style="margin-top: 10px;">无底色按钮：</h5>
<div style="padding-left:10px;">
    <button type="button" class="lr-btn lr-btn-outlined">
        默认
    </button>
    <button type="button" class="lr-btn-outlined lr-btn-primary">
        蓝色
    </button>
    <button type="button" class="lr-btn-outlined lr-btn-success">
        绿色
    </button>
    <button type="button" class="lr-btn-outlined lr-btn-warning">
        黄色
    </button>
    <button type="button" class="lr-btn-outlined lr-btn-danger">
        红色
    </button>
    <button type="button" class="lr-btn-outlined lr-btn-royal">
        紫色
    </button>
</div>
<h5 style="margin-top: 10px;">链接按钮：</h5>
<div style="padding-left:10px;">
    <button type="button" class="lr-btn-link">
        链接
    </button>
</div>
<h5 style="margin-top: 10px;">带图标按钮：</h5>
<div style="padding-left:10px;">
    <button type="button" class="lr-btn">
        <i class="iconfont icon-emoji"></i>默认
    </button>
    <button type="button" class="lr-btn-primary">
        <i class="iconfont icon-emoji"></i>蓝色
    </button>
    <button type="button" class="lr-btn-outlined lr-btn-primary">
        <i class="iconfont icon-emoji"></i>蓝色
    </button>
    <button type="button" class="lr-btn-link">
        <i class="iconfont icon-back_light"></i>返回
    </button>
</div>
<h5 style="margin-top: 10px;">带数字按钮：</h5>
<div style="padding-left:10px;">
    <button type="button" class="lr-btn">
        默认<span class="lr-badge">1</span>
    </button>
    <button type="button" class="lr-btn-primary">
        蓝色<span class="lr-badge lr-badge-primary">2</span>
    </button>
    <button type="button" class="lr-btn-success">
        绿色<span class="lr-badge lr-badge-success">3</span>
    </button>
</div>
<h5 style="margin-top: 10px;">块级按钮：</h5>
<div style="padding:10px;">
    <button type="button" class="lr-btn lr-btn-block">
        默认
    </button>
    <button type="button" class="lr-btn-primary lr-btn-block">
        蓝色
    </button>
    <button type="button" class="lr-btn-success lr-btn-block">
        绿色
    </button>
    <button type="button" class="lr-btn-warning lr-btn-block">
        黄色
    </button>
    <button type="button" class="lr-btn-danger lr-btn-block">
        红色
    </button>
    <button type="button" class="lr-btn-royal lr-btn-block">
        紫色
    </button>
</div>