## 按钮 ### 基本类名 `.mui-button` > 用户按钮或类按钮 ### 尺寸 1. 极小 [24px] 类名 `tiny`, 完整类名 `mui-button tiny` ```html <button class="mui-button tiny">按钮</button> ``` 2. 小 [20px] 类名 `small`, 完整类名 `mui-button small` ```html <button class="mui-button small">按钮</button> ``` 3. 默认 [34px] 无类名, 完整类名 `mui-button` ```html <button class="mui-button">按钮</button> ``` 4. 大[44px] 类名`large` 完整类名 `mui-button large` ```html <button class="mui-button large">按钮</button> ``` 5. 自适应[100%] 类名`fluid` 完整类名 `mui-button fluid` ```html <button class="mui-button fluid">按钮</button> ``` ### 样式 1. 大圆角 类名 `pill` 完整类名 `mui-button pill` ```html <button class="mui-button pill">按钮</button> ``` 2. 系统首选色(橙色) 类名 `primary` 完整类名 `mui-button primary` ```html <button class="mui-button primary">按钮</button> ``` 3. 禁用 类名`disabled` 或者属性设置 `disabled` ```html <button class="mui-button" disabled>按钮</button> <button class="mui-button disabled">按钮</button> ``` 4. 只读 类名`readonly` 或者属性设置 `readonly` ```html <button class="mui-button" readonly>按钮</button> <button class="mui-button readonly">按钮</button> ```