userPage.jsx 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. import React, { Component } from 'react';
  2. import NavBars from '../common/NavBar'
  3. import Head from '../common/Head'
  4. import Lists from '../common/List'
  5. import {successToast} from '../common/Toast'
  6. class UserPage extends Component{
  7. constructor(props){
  8. super(props)
  9. this.state={
  10. }
  11. this.toOrder=this.toOrder.bind(this)
  12. }
  13. toOrder(){
  14. console.log('toOrder')
  15. }
  16. render(){
  17. return(
  18. <div>
  19. <NavBars navBarText="我的"/>
  20. <Head />
  21. <div className="lists" style={{marginTop:"20px",border:"1px solid transparent"}}>
  22. <Lists text="我的预约" icon="https://wly-1254337200.cos.ap-guangzhou.myqcloud.com/order.svg" callback={()=>{successToast('敬请期待',1)}}/>
  23. <div style={{height:"30px"}}></div>
  24. <Lists text="我的客服" callback={()=>{successToast('敬请期待',1)}}/>
  25. <div style={{height:"10px"}}></div>
  26. <Lists text="意见反馈" callback={()=>{successToast('敬请期待',1)}}/>
  27. </div>
  28. </div>
  29. )
  30. }
  31. }
  32. export default UserPage