Skip to content
Snippets Groups Projects
Commit f3fa48f2 authored by Bart Chou's avatar Bart Chou
Browse files

clicking card redirecting to corresponding pages

parent ea22a9e9
No related branches found
No related tags found
3 merge requests!27Sprint 1 done,!24Backend login,!22Story 31 ju yu
......@@ -8,7 +8,8 @@
style="display: flex; justify-content: center;"
>
<el-card
onclick=""
class="card"
v-on:click="redirect('/offer-page')"
>
<img
src="../assets/mainPage/offer.png"
......@@ -25,6 +26,7 @@
style="display: flex; justify-content: center;"
>
<el-card
class="card"
onclick=""
>
<img
......@@ -42,7 +44,10 @@
<el-col
style="display: flex; justify-content: center;"
>
<el-card>
<el-card
class="card"
onclick=""
>
<img
src="../assets/mainPage/flight.jpeg"
class="image"
......@@ -58,9 +63,16 @@
</el-container>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const currentDate = ref(new Date())
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
name: "LoginMainPage",
methods: {
redirect(url: string) {
this.$router.push({path: url});
}
},
});
</script>
<style>
......@@ -68,6 +80,9 @@
width: 25vw;
display: block;
}
.card {
cursor: pointer
}
.container {
width: 100%;
height: 100%;
......
......@@ -25,6 +25,12 @@ const routes: Array<RouteRecordRaw> = [
component: () =>
import(/* webpackChunkName: "about" */ "../views/OfferView.vue"),
},
{
path: "/login-main-page",
name: "LoginMainPage",
component: () =>
import("../views/LoginMainPageView.vue"),
}
];
const router = createRouter({
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment