按钮mixin

1.说明¶

LegoUI for Mobile 是一套轻量级为移动端而生的前端UI库。把移动端实际项目中较为通用常用的UI组件独立成库，Sass mixin的方式让使用者最大程度上灵活地描绘出自身理想的层叠样式。

2.使用步骤¶

1. 在需要使用UI库的sass文件中，导入本库sass文件。如：@import "lego";
2. 在需要使用组件的样式中，导入组件mixin。如：

   .ui-btn{
       @include ui-btn();
   }

3. html中使用，如：

   <a class="ui-lego ui-btn">按钮样式</a>

3.参数说明¶

• 宽度 $width: 100%
• 高度 $height: 40px
• 左右间距 $paddingLR: 10px
• 边框 $border: none
• 背景色 $bgColor: #ec185b
• 字体色 $fontColor: #fff
• 圆角 $radius: 3px

4.查看Demo¶

chrome模拟器查看 Demo