Skip to content

GitLab

Commit 3acc6922 authored by 박상호's avatar 박상호 🎼
Browse files

1

parent afbd2f07
Show whitespace changes
Inline Side-by-side
client/src/Pages/Mypage.js
View file @ 3acc6922
import React from 'react' import React from 'react'
import { ListGroup, ListGroupItem, Nav, Navbar, Card, Image, Button, Container, Row, Col } from 'react-bootstrap' import { Tab, Tabs, Card, Image, Button, Container, Row, Col } from 'react-bootstrap'
import mypagetiger from '../mypagetiger.svg'; import mypagetiger from '../mypagetiger.svg';
import MainNav from '../Components/MainNav'
import SubNav from '../Components/SubNav'
import person from '../person.svg'; import person from '../person.svg';
function Mypage() { function Mypage() {
return ( return (
<div>
<MainNav />
<SubNav />
<Container>
<div className="my-5 justify-content-center">
<Card style={{ background: '#F7F3F3' }}>
<button className="my-5 justify-content-center" style={{width: '12rem'}} variant="outline-light">
<Image src={person} rounded />
</button>
<Card.Body>
<Card.Title>
<Navbar.Brand href="/admin">
<img src={mypagetiger} width="30" height="30" />
{' '}NAME
</Navbar.Brand>님 환영합니다!
</Card.Title>
<Card.Subtitle>주문현황</Card.Subtitle>
<Card.Text>
</Card.Text> <Container className="justify-content-center py-5">
<Button variant="secondary" className="mb-2">결제완료</Button><br /> <article id="top" class="wrapper style1">
<Button variant="secondary" className="mb-2">배송중</Button><br /> <Card className="px-3 py-3">
<Button variant="secondary">배송완료</Button> <Row className="px-3">
</Card.Body> <Image src={person} roundedCircle className="img-thumbnail mx-3 justify-content-center" />
<Col>
<Row>
<h1 className="my-4 justify-content-center">
<Image src={mypagetiger} width={"30px"} />
<strong> Login.user </strong> 환영합니다!
</h1>
환영합니다.
</Row>
<Row className="justify-content-center">
<Tabs defaultActiveKey="mypage" id="uncontrolled-tab-example">
<Tab eventKey="주문현황" title="주문현황">
</Tab>
<Tab eventKey="배송중" title="배송중">
</Tab>
<Tab eventKey="배송완료" title="배송완료">
</Tab>
</Tabs>
</Row>
</Col>
</Row>
</Card> </Card>
</div> </article>
<div className="my-5 p-5" style={{ background: '#F7F3F3' }}>
</Container >
<ListGroup variant="flush">
<ListGroup as="ul">
<ListGroup.Item as="li" active bg="#91877F" style={{ background: "#91877F", borderColor: '#91877F'}}>
공지사항
</ListGroup.Item>
<ListGroup>
<ListGroup.Item> 2021년 1월 적립금 소멸안내</ListGroup.Item>
<ListGroup.Item>2021년 새로워진 KU# 멤버십</ListGroup.Item>
</ListGroup>
<Card.Body>
ABOUT KU# SHOPPINGMALL
<Card.Text>
상호 : KU패션그룹(주)사업장소재지 | 세종, 연기군 특별자치시, 조치원읍 고려대학교 세종캠퍼스 | 안내전화 : 1599-8861 | 제휴/광고문의 : help@korea.ac.kr |
사업자등록번호 : 2021-01-06 |
</Card.Text>
<Card.Text>
COPYRIGHT (C) 2021 KU#SHOPPINGMALL ALL RIGHTS RESERVED.
</Card.Text>
</Card.Body>
</ListGroup>
</ListGroup>
</div>
</Container>
</div>
) )
} }
......
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