Pile.js 滴滴出品基于 react 的移动端组件库

Question

Pile.js是一套基于 react 的移动端组件库，分为 8 类，52 个组件，主要解决数据交互。

特性

国际化
自定义皮肤

包含的组件

覆盖机型

• Android 4.0 系统以上，MHA-AL00、HUAWEI NXT-AL10 、EVA-AL10、OPPO R9S、VIVI X7、xiaomi MI5
• iOS 6.0 系统以上 iphone4+

依赖性

• react@16.x
• react-dom@16.x

安装

npm i pile-ui@latest --save

// import css
npm i @pile-ui/theme-default

import component

// style1
import {Button} from 'pile-ui'

// single component
import Button from '@pile-ui/button'

import all css

import '@pile-ui/theme-default/lib/index.min.css'

import single css

import '@pile-ui/theme-default/lib/button.min.css'

使用示例

We have several examples on the documentation. Here is the first one to get you started:

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { Button } from 'pile-ui'
import '@pile-ui/theme-default/lib/index.min.css'

class App extends Component {
  render() {
    return (
      <Button>hello Pile</Button>
    );
  }
}

ReactDOM.render((
  <App/>
), document.getElementById('container'));

相关链接

• github 地址：https://github.com/didi/pile.js/
• 中文文档：https://www.wenjiangs.com/docs/pile-js-docs