jimu-mobile/example/components/driver.js

积木组件库助力移动端开发

import React, { Component } from 'react'
import JIMU from './index'

const {Driver} = JIMU
// 司机 driver
const _Driver = () => (
  <div className='example-wrap'>
    <div className='example-back'><a href='https://didi.github.io/pile.js/#/?_k=j5i8t6'><span className='icon-pic-home' /></a></div>
    <div className='libs-intr' style={{'minHeight': `${document.body.clientHeight - 106}px`}}>
      <h2 className='page-title'><b>Driver</b><span>司机</span></h2>
      <div className='demo-show'>
        <h3 style={{marginBottom: '10px', color: '#999'}}>默认</h3>
        <Driver
          avatarUrl=''
          carColor='白'
          carType='大众速腾'
          card='京FA7318'
          cntOrder={174}
          company='车主之家-车主俱乐部望京店'
          isMaster
          name='王师傅'
          phone='13910984703'
          star='4.9'
          phoneShow
          messageShow
          newMessageShow
          messageBack={() => { console.log('你点击了消息！！') }}
        />

        <Driver
          avatarUrl=''
          carColor='白'
          carType='大众速腾'
          card='京FA7318'
          cntOrder={174}
          company='车主之家-车主俱乐部望京店'
          isMaster={false}
          name='王师傅'
          phone='13910984703'
          star='4.9'
        />
      </div>
    </div>
    <div className='footer-name'>
      <span className='footer-name-pic' />
    </div>
  </div>

)
module.exports = _Driver