yo-btn
文档
常规:
Button
Button
Button
Button
Button
Button
Button
Button
Button
示例描述:
Button
Button
yo-btn预置了3种size:s, m, l
Button
Button
Button
你可以在业务代码配置文件config.scss中对这3种size进行定义
$btn: ( ... // {Length} 默认预设3种尺寸按钮: // small s-height: .28rem, s-font-size: .12rem, // medium m-height: .36rem, m-font-size: .14rem, // large l-height: .44rem, l-font-size: .16rem );
自定义按钮:
Button
Button
Button
Button
Button
Button
Button
Button
Button
自定义按钮:
Button
Button
Button
Button
Button
Button
Button
Button
Button
假设你想要多种风格的按钮,只需这样扩展:
// 自定义一个 `yo-btn-info` 按钮 @include yo-btn( $name: info, $border-color: #0456e2, $bgcolor: #4a87ee );
使用方法:
Button
如果需要禁用按钮,你需要这样:
Button
↓↓↓
Button
所有按钮的禁用时统一使用 `yo-btn-disabled`
通栏按钮:
Button
Button
Button
`yo-btn-stacked` 让你拥有通栏按钮:
Button