File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div>
<div class="w1400">
<div class="info-bos">
<section class="info-logo page-logo">
<!-- <img src="../../../../resources/jpg/info-logo.png" alt=""> -->
<h1>회원정보 수정</h1>
</section>
<div class="info-sec-grid">
<!-- 기본 회원정보 -->
<section class="info-sec">
<div>
<p class="info-th">아이디</p>
<p>keris</p>
</div>
<div class="info-pw">
<p class="info-th">비밀번호</p>
<p>******</p>
<button>비밀번호 변경하기</button>
</div>
<div>
<p class="info-th">회원구분</p>
<p><input type="text" class="info-input" value="기업회원"></p>
</div>
<div>
<p class="info-th">업체명</p>
<p><input type="text" class="info-input" value="oo업체"></p>
</div>
<div>
<p class="info-th">이메일</p>
<p><input type="text" class="info-input" value="karis@naver.com"></p>
</div>
<div>
<p class="info-th">담당자명</p>
<p><input type="text" class="info-input" value="홍길동"></p>
</div>
<div class="info-pw">
<p class="info-th">메일 구독서비스</p>
<p>
<input type="radio" id="yes" value="yes">
<label for="yes">구독</label>
<input type="radio" id="no" value="no">
<label for="no">미구독</label>
</p>
</div>
</section>
<!-- 기업 회원정보 -->
<section class="info-sec-1">
<section>
<p><img src="../../../../resources/jpg/zigaksa.jpg" alt=""></p>
<p><input type="file"></p>
</section>
<div>
<p class="info-th">업체명</p>
<p><input type="text" class="info-input" value="oo업체"></p>
</div>
<div>
<p class="info-th">업체 키워드</p>
<p><input type="text" class="info-input" value="#꼼꼼함#꼼꼼함#꼼꼼함#꼼꼼함#꼼꼼함"></p>
</div>
<div>
<p class="info-th">업체 소개글</p>
<p class="info-td"><input type="text" value="안녕하세요. 우리업체는...."></p>
</div>
<div>
<p class="info-th">첨부파일</p>
<p>회사소개.pdf<input type="file"></p>
</div>
<div>
<p class="info-th">명함</p>
<p>명함.pdf<input type="file"></p>
</div>
</section>
<section class="info-sec-bt">
<router-link to="/info.page">
<button>저장하기</button>
</router-link>
</section>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
},
watch: {
},
computed: {
},
mounted() {
console.log('Login mounted');
}
}
</script>
<style scoped>
div {
width: 100%;
background-color: white;
}
.info-pw {
display: grid;
grid-template-columns: 30% 1fr 1fr !important;
}
.info-pw button {
margin: 2rem;
border-radius: 0.5rem;
background-color: #3f87f7;
color: white;
}
.info-box-button {
width: 60%;
margin: 0 auto;
display: grid;
padding: 0 0 6rem 0;
grid-template-columns: 1fr 1fr;
}
.info-sec-bt {
/* border: 1px solid red; */
width: 60%;
margin: 0 auto;
padding: 6rem;
text-align: right;
}
.info-sec-bt button {
width: 30%;
padding: 2rem;
color: white;
border-radius: 1.5rem;
background-color: #3f87f7;
}
.info-box-button button {
padding: 3rem 2rem 3rem 2rem;
margin-right: 3rem;
color: white;
border-radius: 2rem;
}
.info-sec,
.info-sec-1 {
padding: 6rem;
margin: 0 auto;
border: 1px soli/d #333;
width: 60%;
}
.info-sec div,
.info-sec-1 div {
display: grid;
border-bottom: 1px solid #333;
grid-template-columns: 30% 2fr;
}
.info-sec div p {
/* border-bottom: 1px solid #333; */
padding: 3rem;
font-size: 1.5rem;
}
.info-sec-1 div p {
padding: 3rem;
font-size: 1.5rem;
}
.info-sec-1 section {
margin: 0 auto;
width: 30%;
text-align: center;
}
.info-sec-1 section img {
width: 100%;
margin: 0 auto;
}
.info-td {
/* border: 1px solid red; */
height: 250px;
}
.info-input {
width: 100%;
padding: 2rem;
border-radius: 0.5rem;
}
.info-td input {
height: 100%;
width: 100%;
padding: 2rem;
border-radius: 0.5rem;
}
</style>