Phoenix-styles NPM

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