phoenix-styles
一套完整的UI样式库,提供了简洁风格的布局和组件样式。 搭配React UI组件库phoenix-ui使用: https://github.com/future-team/phoenix-ui
Install
$ npm install phoenix-styles --save
Usage
// Global
<link rel="stylesheet" href="http://future-team.github.io/phoenix-styles/dist/phoenix-styles.min.css" />
// add IOS skin
<link rel="stylesheet" href="http://future-team.github.io/phoenix-styles/dist/skin-ios.min.css" />
// ES6
import 'phoenix-styles/less/public.less';
// Less(packaging by less-loader)
@import '~phoenix-styles/less/public.less';
Documentation
http://future-team.github.io/phoenix-styles/example/index.html
Browser Support
Phoenix Styles is tested with the following browsers and mobile OS.
- Android 4.4.2 +
- IOS 8 +
- Chrome
Command
$ npm run build
$ npm run less
$ npm run dev
Repair
version 3.0.0
移除2.0中建议的viewport以及rem布局,调整1px边线,新增公共类。
version 2.0.5
Tab新增可换行的样式
version 2.0.0
移除FormGroup和TableView,新增List;样式规范化
version 1.5.2
button新增icon属性调整
version 1.5.1
新增image-list等组件的样式
version 1.4.1
新增menu组件样式
version 1.1.3
引入gfs-icons
version 1.1.1
样式统一加ph前缀,配合Phoenix-ui@v1.1.1使用
version 1.1.0
增加IOS样式(ios-skin)
version 1.0.0
增加phoenix-styles-grid.less兼容Android4.4以下布局方案
version 0.3.8
样式参数化