Commit 8fa810c7 authored by JunHyung An's avatar JunHyung An
Browse files

Add tutorial link on homepage

parent c6eef122
Loading
Loading
Loading
Loading
Loading
+36 −17
Original line number Diff line number Diff line
<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div>
      <h1>Home</h1>
      <!-- https://stackoverflow.com/a/16562728/8911245 -->
      <button onclick="window.location.href='#/first'">Go to first</button>
      <!-- <HelloWorld msg="Home"/> -->

      <!-- 메인 문구에 Home 표시를 해주자 -->
    <h1>운명적인 사랑을 시험해보세요.</h1>
    <button class="love-button" @click="goToFirstPage">Test</button>
    <p>파일 업로드를 위한 튜토리얼>> <a href="https://wjs.biblio19.net/ko/information/tutorial" target="_blank">여기를 클릭하세요!!</a></p>
  </div>
</template>
  <script>

  // import HelloWorld from '@/components/HelloWorld.vue';
<script>
export default {
    name: 'Vue-Home',
    components: {
      // HelloWorld,
    },
  methods: {
    goToFirstPage() {
      // 페이지 이동을 수행하는 JavaScript 코드
      window.location.href = '#/first';
    }
  }
};
</script>

<style>
.love-button {
  background-color: #2196F3;
  color: #fff;
  border: none;
  padding: 10px 30px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
  margin-top: 20px;
}

.love-button:hover {
  background-color: #1976D2;
}
</style>
 No newline at end of file