An open API service indexing awesome lists of open source software.

https://github.com/onface/btn

可复用的按钮
https://github.com/onface/btn

Last synced: 30 days ago
JSON representation

可复用的按钮

Awesome Lists containing this project

README

        

# fast-flow-btn

绝大部分项目中都有按钮。 下载本项目 https://github.com/fast-flow/btn.git 。根据设计稿修改样式避免每个项目都写一套按钮的基础代码。

> 本项目已经解决了按钮的一些CSS兼容问题,并基于 fast-flow 命名规范防止样式冲突和增加可维护性

## a/span/button

````html
a.m-btn
span.m-btn
button.m-btn
````

## disabled

````html
m-btn--disabled
````

## color

````html
m-btn--link
m-btn--text
default
````
````html
m-btn--primary
m-btn--success
m-btn--info
m-btn--warning
m-btn--danger
````
````html
m-btn--primary2
m-btn--success2
m-btn--info2
m-btn--warning2
m-btn--danger2
````

## size

### span

````html
default
m-btn--1
m-btn--2
m-btn--3
m-btn--4
m-btn--5
m-btn--6
m-btn--7
m-btn--8
m-btn--9
m-btn--10
m-btn--11
m-btn--12
m-btn--13
m-btn--14
````

### a

````html
default
m-btn--1
m-btn--2
m-btn--3
m-btn--4
m-btn--5
m-btn--6
m-btn--7
m-btn--8
m-btn--9
m-btn--10
m-btn--11
m-btn--12
m-btn--13
m-btn--14
````

### button

````html
default
m-btn--1
m-btn--2
m-btn--3
m-btn--4
m-btn--5
m-btn--6
m-btn--7
m-btn--8
m-btn--9
m-btn--10
m-btn--11
m-btn--12
m-btn--13
m-btn--14
m-btn--16
m-btn--17
m-btn--18
m-btn--19
m-btn--20
m-btn--21
m-btn--22
m-btn--23
m-btn--24
m-btn--25
m-btn--26
m-btn--27
````

### icon

````html
使用 iconfont 作为图标

````

> .m-btn-icon 默认是第一个子元素

````html

default

````
> 如果 .m-btn-icon 是最后一个子元素应该加上 m-btn-icon--before

````html

before




````

### loading

````html
m-btn--1
m-btn--2
m-btn--3
m-btn--4
m-btn--5
m-btn--6
m-btn--7
m-btn--8
m-btn--9
m-btn--10
m-btn--11
m-btn--12
m-btn--13
m-btn--14
````

### fill

````html
m-btn--fill
````