Skip to content

GitLab

Commit 600ce86c authored by 박상호's avatar 박상호 🎼
Browse files

1111

parent 180870e8
Hide whitespace changes
Inline Side-by-side
client/src/Pages/Mypage.js
View file @ 600ce86c
import React from 'react' import React from 'react'
import { Card, Image, Container, Row, Col, Table, Badge } from 'react-bootstrap' import { Card, Image, Container, Row, Col, Table } from 'react-bootstrap'
import mypagetiger from '../mypagetiger.svg'; import mypagetiger from '../mypagetiger.svg';
import person from '../person.svg'; import person from '../person.svg';
function Mypage() { function Mypage() {
return ( return (
<Container className="px-5 justify-content-center"> <Container className="px-3 justify-content-center">
<h3 className="my-4 mx-3 font-weight-bold">My Page</h3> <h3 className="my-4 mx-3 font-weight-bold">My Page</h3>
<div className="p-3"> <Card md={3} className="pt-3 mb-4" style={{ background: '#F7F3F3' }}>
<Card md={3} className="p-3 mb-4" style={{ background: '#F7F3F3' }}> <Row>
<Row> <Col md={4} className="text-center">
<Col md={4} className="text-center "> <Image src={person} roundedCircle className="img-thumbnail" width={"170rem"} />
<Image src={person} roundedCircle className="img-thumbnail" /> </Col>
</Col> <Col>
<Col> <Row className="mt-4 text-center">
<Row className="my-4 text-center"> <Col>
<Col className="text-size-adjust"> <h2>
<h2> <Image src={mypagetiger} width={"30px"} />
<Image src={mypagetiger} width={"30px"} /> <strong>@Login.user</strong> <small>님</small>
<strong> Login.user</strong> <small>님, 환영합니다. </small> </h2>
<Badge className="badge-secondary">New</Badge> </Col>
</Row>
</h2> <Row className="px-3">
</Col> <Card.Body className="text-center">
</Row> <strong>KU#</strong>에 오신 <em>@Login.user</em> 님,<br></br>
진심으로 환영합니다! 즐거운 쇼핑 되세요 ♡
<Row className="my-3 px-3"> <Row className="mr-1 text-muted d-flex justify-content-end">
<Card.Body>
<Card.Text>Email : </Card.Text> <small>문의 : shoppingmall_KU@korea.ac.kr </small>
<Card.Text>Address : </Card.Text> </Row>
</Card.Body> </Card.Body>
</Row> </Row>
</Col> </Col>
</Row>
</Card>
<Row className="my-3 px-3">
<Table>
<thead style={{ background: '#F7F3F3' }}>
<tr>
<th scope="col">주문현황</th>
<th scope="col">배송중</th>
<th scope="col">배송완료</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
</tr>
</tbody>
</Table>
</Row> </Row>
</div> </Card>
<Row className="my-3 px-3">
<Table>
<thead style={{ background: '#F7F3F3' }}>
<tr>
<th scope="col">주문현황</th>
<th scope="col">배송중</th>
<th scope="col">배송완료</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
</tr>
</tbody>
</Table>
</Row>
</Container > </Container >
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment