简介

Pile.js 是滴滴开发的基于 React 的移动端开发组件库。 轻量，易用，包含 52 个交互功能，支持多语言与自定义皮肤。可以非常轻松的创建用户交互界面，让前端开发更专注于业务逻辑的实现。

安装使用

第一步：安装React（已安装过可忽略）

npm install --save react react-don

第二步：安装pile-ui

npm install pile-ui --save

 

第三步：引用样式和导入文件

// import css
import 'pile/dist/styles/pile.min.css';
import Pile
// 引用方式一
import Pile from 'pile'
const {Button} = Pile
// 引用方式二
import {Button} from 'pile'
// 单个组件引用方式 （推荐使用，节省无用组件调用）
import Button from 'pile/dist/components/button'

第四步：引用组件代码：

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
 
//import pile
import Pile from 'pile'
import 'pile/dist/styles/pile.min.css'
const {Button} = Pile
 
class App extends Component {
 render() {
 return (
 <Button>hello Pile</Button>
 );
 }
}
 
ReactDOM.render((
 <App/>
), document.getElementById('container'));

各种组件预览，如下：

 

 

 

项目地址：

Github：https://github.com/didi/pile.js