轻量级 Button CSS 组件库:easyBtn

jopen 10年前

easyBtn.css 定位于后台系统,可以简易、高效的帮助你开发按钮组件。她很简单,你会爱上她。

支持浏览器:Firefox 3.5+, Google Chrome, Safari 4+, IE 8+, Opera 10+

我在写easyBtn的时候很多朋友对我说:“呵呵,alice、bootstrap 足以秒杀你了,你还搞个这干嘛?”,但我发现,在实际开发后台或不兼容IE8+这种场景,只需要一个按钮组件。alice、bootstrap,就显得我有些矫情了,真的,有些大材小用。所以我还是坚持写了easyBtn。

为什么要有easyBtn?

作为一个前端工程师,有时朋友会让你帮后端工程师整一整他们后台按钮样式。有时我们在自己后台使用了一个非常漂亮的主题,应用到自己系统上时却变的很难看不搭调。

虽然我自己对设计也是一窍不通,不过没吃过猪肉但却见过猪跑。于是我在Iconic pack找了一套ICON,写了easyBtn为一些不懂CSS的后端同学提供一个适合后台样式组件。如果你对此感兴趣或是有改进意见请在github上给我提issue,在此表示感谢~

注意:easyBtn仅仅提供对后台按钮样式,你可以将其嵌入到你自己的主题中。如果你想要找全套主题,那么它不是个好的选择。

快速开始

在你的HTML中嵌入easyBtn,如下:

<link rel="stylesheet" href="css/easyBtn.css" />  <body">      <!-- 调用Class -->  </body>

如果你想要自定义easyBtn,那么请查看下easyBtn的文档

http://hoosin.github.io/easyBtn/