Page 450 - MDP2022-3

padding-right: 10px;
}
.loginform p > .input_text {
width: 200px;
font-size: 14px;
height: 32px;
}
.buttons {
position: relative;
height: 32px;
margin-top: 20px;
}
.buttons > .button {
overflow: visible;
cursor: pointer;
min-width: 125px;
height: 32px;
margin: 0 2px;
padding: 0 15px;
line-height: 32px;
font-size: 14px;
border: 1px solid #dfdfdf;
background: #fff;
border-radius: 10px;
}
.buttons > .button.blue {
color: #fff;
border-color: #0099d2 !important;
background: #0099d2 !important;
}
</style>

다. Vue.js에서 메인페이지 기능구현을 위한 코드
<template>
<div class="homeView">
<ul class="navigation">
<li><a href="/" class="active">Home</a></li>
<!-- <li v-if="!$store.state.account.id"><a href="/login">로그인</a></li>-->
<li><a href="/register">서비스 가입하기</a></li>
<!-- <li v-else><a to="login" @click="logout()">로그아웃</a></li>-->
<li><a href="/login">서비스 이용하기</a></li>
<!-- <li><a href="#">Contact</a></li>-->
</ul>
</div>
<br />