Skip to content
Snippets Groups Projects
Commit 5f3b652f authored by DEVSI's avatar DEVSI
Browse files

mypage ui

parent e535a0aa
No related branches found
No related tags found
1 merge request!44mypage ui
<template> <template>
<div id="mypage"> <div id="mypage">
<h1>마이 페이지</h1> <h1>마이 페이지</h1>
<table> <table class="table table-striped table-responsive-sm" style="width:400px">
<tr> <tr>
<td>이름</td> <td>이름</td>
<td>{{user.user_name}}</td> <td>{{user.user_name}}</td>
</tr> </tr>
<tr> <tr class="table-success">
<td>아이디</td> <td>아이디</td>
<td>{{user.user_id}}</td> <td>{{user.user_id}}</td>
</tr> </tr>
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<td>이메일</td> <td>이메일</td>
<td>{{user.user_email}}</td> <td>{{user.user_email}}</td>
</tr> </tr>
<tr> <tr class="table-success">
<td>성별</td> <td>성별</td>
<td v-if="user.user_gender"></td> <td v-if="user.user_gender"></td>
<td v-else></td> <td v-else></td>
...@@ -23,22 +23,24 @@ ...@@ -23,22 +23,24 @@
<td>연락처</td> <td>연락처</td>
<td>{{user.user_phone}}</td> <td>{{user.user_phone}}</td>
</tr> </tr>
</table>
<h3 style="margin-left: 170px;">내가 만든 일정 목록</h3> <h1>내가 만든 일정 목록</h1>
<div v-if="tours.length===0" style="margin-left: 170px;">내가 만든 일정이 없습니다.</div> <table class="table table-striped table-responsive-sm" style="width:400px">
<div v-if="tours.length===0">내가 만든 일정이 없습니다.</div>
<tr v-else> <tr v-else>
<td colspan="2"> <td colspan="2">
<div class="centered" v-for="tour in tours" :key="tour.idPlan"> <div class="centered" v-for="tour in tours" :key="tour.idPlan">
<div style="border: 3px solid #4cbaa8;; border-radius: 10%; margin:10px; padding: 10px"> <div class="card mt-3">
<router-link :to="{ name: 'DetailTour', params: { id: tour.idPlan }}"> <router-link :to="{ name: 'DetailTour', params: { id: tour.idPlan }}">
{{tour.title}} <ul class="list-group list-group-flush">
<br><br> <li class="list-group-item" style="font-size:27px">{{tour.title}}</li>
{{tour.depart_day}} ~ {{tour.arrive_day}} <li class="list-group-item">{{tour.depart_day}} ~ {{tour.arrive_day}}</li>
<br><br> <li class="list-group-item">{{tour.country_name}}</li>
{{tour.country_name}} </ul>
<br><br>
</router-link> </router-link>
<button @click="clickToggleShare($event, tour.idPlan)">{{shareButtonText(tour)}}</button> <div class="card-body">
<button class="btn btn-outline-success" @click="clickToggleShare($event, tour.idPlan)">{{shareButtonText(tour)}}</button>
</div>
</div> </div>
</div> </div>
</td> </td>
...@@ -89,17 +91,23 @@ export default { ...@@ -89,17 +91,23 @@ export default {
} }
</script> </script>
<style> <style>
*{
color:#000000;
}
#mypage { #mypage {
margin: 15% auto auto auto margin: 15% auto auto auto
} }
table { table {
margin: auto; margin: auto;
padding:30px;
text-align: center; text-align: center;
border : 4px solid #d6fff3; font-family: 'Nanum Pen Script', cursive !important;
border-radius: 5px; width: 40px;
} }
td { td {
padding: 10px; padding: 10px;
background-color: #d6fff3; }
h1{
font-family: 'Nanum Pen Script', cursive !important;
} }
</style> </style>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment