mui默認按鈕為灰色，另外還提供了藍色（blue）、綠色(green)、黃色(yellow)、紅色(red)、紫色(purple)五種色系的按鈕，五種色系對應五種場景，分別為primary、success、warning、danger、royal；使用.mui-btn類即可生成一個默認按鈕，繼續添加.mui-btn-顏色值或.mui-btn-場景可生成對應色系的按鈕，例如：通過.mui-btn-blue或.mui-btn-primary均可生成藍色按鈕； 普通按鈕 在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> ~~~ 運行效果如下：