https://github.com/future-team/phoenix-styles
Style Library for Mobile App.
https://github.com/future-team/phoenix-styles
Last synced: 1 day ago
JSON representation
Style Library for Mobile App.
- Host: GitHub
- URL: https://github.com/future-team/phoenix-styles
- Owner: future-team
- License: mit
- Created: 2016-05-17T07:44:03.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2022-11-11T23:19:14.000Z (over 3 years ago)
- Last Synced: 2025-02-06T14:13:08.318Z (over 1 year ago)
- Language: HTML
- Homepage: http://future-team.github.io/phoenix-styles/example/index.html
- Size: 1.51 MB
- Stars: 2
- Watchers: 8
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE-MIT
Awesome Lists containing this project
README
# phoenix-styles
一套完整的UI样式库,提供了简洁风格的布局和组件样式。
搭配React UI组件库phoenix-ui使用: [https://github.com/future-team/phoenix-ui](https://github.com/future-team/phoenix-ui)
## Install
```
$ npm install phoenix-styles --save
```
## Usage
```
// Global
// add IOS skin
// 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](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` 样式参数化