phoenix-styles

3.2.6 • Public • Published

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 样式参数化

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 3.2.6
    0
    • latest

Version History

Package Sidebar

Install

npm i phoenix-styles

Weekly Downloads

2

Version

3.2.6

License

MIT

Unpacked Size

1.52 MB

Total Files

87

Last publish

Collaborators

  • future_team