From 46700ec0215abd28f1ed5fd8e771705a2301eb8c Mon Sep 17 00:00:00 2001
From: lem0n <kangjieun9843@ajou.ac.kr>
Date: Mon, 9 Dec 2019 12:48:51 +0900
Subject: [PATCH] cssChange
---
src/assets/adding.png | Bin 0 -> 2674 bytes
src/components/MyModal.vue | 17 +++++++++++------
src/views/AttractionList.vue | 3 ++-
src/views/LogIn.vue | 15 ++++++++++-----
src/views/MakePlan.vue | 30 +++++++++++++++++++++---------
src/views/MyPage.vue | 3 +++
src/views/SharePlan.vue | 14 +++++++++-----
src/views/SignUp.vue | 14 +++++++++-----
8 files changed, 65 insertions(+), 31 deletions(-)
create mode 100644 src/assets/adding.png
diff --git a/src/assets/adding.png b/src/assets/adding.png
new file mode 100644
index 0000000000000000000000000000000000000000..68053c44eaaeceef6a08224e1a3d0bd1402cf8fe
GIT binary patch
literal 2674
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
literal 0
HcmV?d00001
diff --git a/src/components/MyModal.vue b/src/components/MyModal.vue
index e431115..93a9583 100644
--- a/src/components/MyModal.vue
+++ b/src/components/MyModal.vue
@@ -22,9 +22,9 @@
:until-country=true
@select-country="getCountryInfo"/>
<div v-if="checkCountry">
- <button class="modal-default-button" v-on:click="clickMakePlan()">Make Plan!</button>
+ <button class="modal-default-button" v-on:click="clickMakePlan()"><img id="illu" src="../assets/makePlan.png">!</button>
</div>
- <button class="modal-default-button" @click="$emit('close')">Close
+ <button class="modal-default-button" @click="$emit('close')"><img id="illu" src="../assets/close.png">
</button>
<br>
</div>
@@ -110,6 +110,10 @@ export default {
.closeModalBtn {
color: #62acde;
}
+ #illu {
+ width: 80px;
+ height: 35px;
+ }
.modal-mask {
position: fixed;
@@ -149,11 +153,12 @@ export default {
}
.modal-default-button {
- color: #fff;
float: right;
- background-color: #64b99f;
- font-size: 20px;
- border-radius: 8px;
+ background-color:#ffffff;
+ width: 80px;
+ height: 35px;
+ border : none;
+ margin: 0px 5px;
}
/*
diff --git a/src/views/AttractionList.vue b/src/views/AttractionList.vue
index aba2663..1693d26 100644
--- a/src/views/AttractionList.vue
+++ b/src/views/AttractionList.vue
@@ -62,7 +62,7 @@ export default {
font-size: 26px;
}
#attractionlist {
- margin: 15% auto auto auto;
+ margin: 10% auto auto auto;
}
hr{
border: none;
@@ -74,6 +74,7 @@ export default {
.illu{
width: 80px;
height: 35px;
+ margin: 4px 0px;
}
.img{
diff --git a/src/views/LogIn.vue b/src/views/LogIn.vue
index 17a4345..3d70ee1 100644
--- a/src/views/LogIn.vue
+++ b/src/views/LogIn.vue
@@ -1,10 +1,11 @@
<template>
<div id="LogIn">
- <p>LogIn Page</p>
+ <h2 class="text-info">LogIn Page</h2>
+ <br>
<input required v-model='user_id' placeholder="ID"><br><br>
<input required v-model='user_password' placeholder="PASSWORD"><br><br>
- <button v-on:click="login()" id="bu1">
- <img id="illu1" src="../assets/login.png">
+ <button class="btn" v-on:click="login()">
+ <img id="illu1" src="../assets/login.png">
</button>
<br>
<router-link to='/'>
@@ -45,13 +46,17 @@ export default {
}
</script>
<style>
+h2{
+ font-weight: 2px
+}
#illu, #illu1, #bu1 {
width: 80px;
height: 35px;
}
- #bu1 {
- background-color: #ffffff
+ .btn {
+ background-color: none;
+ border : none;
}
#LogIn {
diff --git a/src/views/MakePlan.vue b/src/views/MakePlan.vue
index 311df5b..4e81aa5 100644
--- a/src/views/MakePlan.vue
+++ b/src/views/MakePlan.vue
@@ -1,5 +1,6 @@
<template>
<div class="makePlan">
+ <br><br><br>
<h1>Make Plan</h1>
<div id="div0">
<div v-for="item in Days" v-bind:key='item.idx'>
@@ -9,16 +10,17 @@
{{item.st}}
</button>
</div>
+ <br><br>
<button id="addBtn" v-on:click="newAdd">+</button>
- <br>
+
</div>
- <br>
+ <div>
<div id="div1">
<div class="tourList">
<p class="w1">관광지</p>
</div>
<br>
- <button v-on:click="cl1">고르기</button>
+ <button v-on:click="cl1" class="btn"><img id="illu1" src="../assets/choose.png"></button>
<div v-if="showM" @close="showM=false">
<select @change="selectCity($event)" name="city">
<!-- <option disabled value="">Select City</option>-->
@@ -26,7 +28,7 @@
<option v-for="city in cities" v-bind:key="city.id">{{city.city_name}}</option>
</select>
</div>
- <br><br>
+ <br>
<div v-for="idx in places" v-bind:key='idx.place_id'>
<button class="btn btn-outline-secondary" v-on:click="makeTour(idx)">{{idx.place_name}}</button>
<br>
@@ -42,8 +44,9 @@
<div id="div_tour"> {{pl.place_name}}
</div>
</div>
- <button class="btn" v-on:click="addTour">저장</button>
- <button class="btn" v-on:click="sendResult">최종 저장</button>
+ <button class="btn" v-on:click="addTour"><img id="illu1" src="../assets/submit.png"></button>
+ <button class="btn" v-on:click="sendResult"><img id = "illu2" src="../assets/totalSubmit.png"></button>
+ </div>
</div>
</div>
</template>
@@ -55,6 +58,7 @@ import API from '../components/API'
var number = 1
var dayNum = 0
var cc = ''
+var clicked=''
export default {
name: 'makePlan',
data () {
@@ -189,14 +193,20 @@ export default {
}
</script>
<style>
-
+#illu1, #illu2{
+ width: 80px;
+ height: 35px;
+}
#btnDay{
float:left;
margin:0px 5px;
background-color: #ffffff;
border: 2px dashed #FF6D6A;
-
+ bottom : 0%;
}
+ #btnDay:hover{
+ background-color: #FF6D6A
+ }
#div0 {
text-align: right;
@@ -226,7 +236,7 @@ export default {
}
.btn {
- position: relative;
+
bottom: 0;
/*background-color: #FF6D6A;*/
}
@@ -241,9 +251,11 @@ export default {
border: solid 3px #3d3b3b;
border-radius: 7px;
color: #ffffff;
+ bottom: 0%;
}
#div_tour {
height: auto;
+ margin: 2px 0px
}
</style>
diff --git a/src/views/MyPage.vue b/src/views/MyPage.vue
index cf3291e..fa3269c 100644
--- a/src/views/MyPage.vue
+++ b/src/views/MyPage.vue
@@ -94,6 +94,9 @@ export default {
*{
color:#000000;
}
+ .btn{
+ padding: 1px 1px;
+ }
#mypage {
margin: 15% auto auto auto
}
diff --git a/src/views/SharePlan.vue b/src/views/SharePlan.vue
index 35d41da..9819bf0 100644
--- a/src/views/SharePlan.vue
+++ b/src/views/SharePlan.vue
@@ -1,6 +1,7 @@
<template>
<div class="example ex1">
- <h1>검색할 태그를 선택하세요</h1>
+ <h1>검색할 <h1 class="text-warning">태그를</h1> 선택하세요</h1>
+ <br>
<label class="radio spring">
<input type="radio" name="group1" v-model="tour_type" value="0"/>
<span>혼자서</span>
@@ -35,12 +36,12 @@
<span>겨울</span>
</label>
<br><br>
- <button class="btn btn-success" v-on:click="search()"> search</button>
+ <button class="btn" v-on:click="search()"> <img id="illu" src="../assets/search.png"></button>
<br>
{{idPlan}}
<br><br>
<router-link to='/'>
- <button class="btn btn-success">홈으로</button>
+ <button class="btn"><img id= "illu" src="../assets/gotoHome.png"></button>
</router-link>
<div id="tour_list" v-if="clickedSearch==true">
<div class="centered" v-for="tour in tours" :key="tour.idPlan">
@@ -93,18 +94,21 @@ export default {
<style>
+ .btn {
+ background: #ffffff
+ }
h1 {
font-family: "DX경필고딕";
size: 70px;
}
- #illu {
+ #illu, .btn{
width: 80px;
height: 35px;
}
.example {
- margin: 15% auto auto auto
+ margin: 10% auto auto auto
}
.example input {
diff --git a/src/views/SignUp.vue b/src/views/SignUp.vue
index fa19473..41a1342 100644
--- a/src/views/SignUp.vue
+++ b/src/views/SignUp.vue
@@ -1,6 +1,6 @@
<template>
<div id="LogIn">
- <p>Sign Up</p>
+ <h2 class="text-info">Sign Up</h2>
<input type="email" required v-model="user_email" placeholder="EMAIL"><br><br>
<input required v-model='user_id' placeholder="ID">
<button v-on:click="overlap()">중복확인</button>
@@ -12,11 +12,11 @@
<input type="radio" v-model="user_gender" name="user_gender" value="0">Female<br><br>
<input required v-model='user_phone' placeholder="PHONE"><br><br>
<button v-on:click="register()" id="bu1">
- 가입
+ <img id="illu" src="../assets/adding.png">
</button>
<br>
<router-link to='/'>
- <img id="illu" src="../assets/gotoHome.png">
+ <img id="illu" src="../assets/gotoHome.png">
</router-link>
</div>
</template>
@@ -108,13 +108,17 @@ export default {
}
</script>
<style>
- #illu, #illu1, #bu1 {
+ #illu, #illu1 {
width: 80px;
height: 35px;
}
#bu1 {
- background-color: #ffffff
+ background-color: #ffffff;
+ border : none;
+ width: 80px;
+ height: 35px;
+ margin: 3px 0px;
}
#LogIn {
--
GitLab