Button 按钮

用于开始一个即时操作

主按钮

用于主行动点,一个操作区域只能有一个主按钮。

<!-- 可操作 -->
<button class="h5ui-btn h5ui-btn_primary">主操作</button>

<!-- 不可操作 -->
<button class="h5ui-btn h5ui-btn_primary disabled">锁定状态</button>

默认按钮

用于没有主次之分的一组行动点。

<!-- 可操作 -->
<button class="h5ui-btn h5ui-btn_default">次要操作</button>

<!-- 不可操作 -->
<button class="h5ui-btn h5ui-btn_default disabled">锁定状态</button>

高危按钮

删除/移动/修改权限等危险操作,一般需要二次确认。

<!-- 可操作 -->
<button class="h5ui-btn h5ui-btn_danger">警告操作</button>

<!-- 不可操作 -->
<button class="h5ui-btn h5ui-btn_danger disabled">锁定状态</button>

次按钮

用于没有主次之分的一组行动点。

<!-- 可操作 -->
<button class="h5ui-btn h5ui-btn_primary btn-outlined">按钮</button>

<button class="h5ui-btn h5ui-btn_default btn-outlined">按钮</button>

<!-- 不可操作 -->
<button class="h5ui-btn h5ui-btn_default btn-outlined disabled">锁定</button>

最后更新于