在 button 节点上增加.mui-btn 类,即可生成默认按钮;若需要其他颜色的按
钮,则继续增加对应 class 即可,比如.mui-btn-blue 即可变成蓝色按钮
<button type="button" class="mui-btn">默认</button>
<button type="button" class="mui-btn mui-btn-primary">蓝色</button>
<button type="button" class="mui-btn mui-btn-success">绿色</button>
<button type="button" class="mui-btn mui-btn-warning">黄色</button>
<button type="button" class="mui-btn mui-btn-danger">红色</button>
<button type="button" class="mui-btn mui-btn-royal">紫色</button>
若希望无底色、有边框的按钮,仅需增加.mui-btn-outlined 类即可,代码如
下:
<button type="button" class="mui-btn mui-btn-outlined">默认</button>
<button type="button" class="mui-btn mui-btn-primary mui-btn-
outlined">蓝色</button>
<button type="button" class="mui-btn mui-btn-success mui-btn-
outlined">绿色</button>
<button type="button" class="mui-btn mui-btn-warning mui-btn-
outlined">黄色</button>
<button type="button" class="mui-btn mui-btn-danger mui-btn-
outlined">红色</button>
<button type="button" class="mui-btn mui-btn-royal mui-btn-outlined">
紫色</button>