https://github.com/onface/btn
可复用的按钮
https://github.com/onface/btn
Last synced: 30 days ago
JSON representation
可复用的按钮
- Host: GitHub
- URL: https://github.com/onface/btn
- Owner: onface
- Created: 2016-07-11T09:20:10.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-06T10:05:42.000Z (almost 8 years ago)
- Last Synced: 2025-02-17T09:43:14.973Z (4 months ago)
- Language: CSS
- Homepage:
- Size: 24.4 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
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
````