import React, { Component } from 'react';

import NavBars from '../common/NavBar'
import Head from '../common/Head'
import Lists from '../common/List'

import {successToast} from '../common/Toast'


class UserPage extends Component{
    constructor(props){
        super(props)
        this.state={

        }
        
        this.toOrder=this.toOrder.bind(this)
    }

    toOrder(){
        console.log('toOrder')
    }

    render(){
        return(
            <div>
                <NavBars navBarText="我的"/>
                <Head />
                <div className="lists" style={{marginTop:"20px",border:"1px solid transparent"}}>
                    <Lists text="我的预约" icon="https://wly-1254337200.cos.ap-guangzhou.myqcloud.com/order.svg" callback={()=>{successToast('敬请期待',1)}}/>
                    <div style={{height:"30px"}}></div>
                    <Lists text="我的客服"  callback={()=>{successToast('敬请期待',1)}}/>
                    <div style={{height:"10px"}}></div>
                    <Lists text="意见反馈"  callback={()=>{successToast('敬请期待',1)}}/>
                </div>
            </div>
        )
    }
}

export default UserPage