|
@@ -1,9 +1,9 @@
|
1
|
1
|
<template>
|
2
|
2
|
<div class="bg">
|
3
|
3
|
<div style="width: 100%;height: 50px;position: relative;top: 85vh ;z-index: 999;display: flex;align-items: center;justify-content: center;">
|
4
|
|
- <div class="loginbutton" >
|
|
4
|
+ <div class="loginbutton" @click="login">
|
5
|
5
|
<img :src="loginimg" alt="" style="">
|
6
|
|
- <span @click="login"> 登录</span>
|
|
6
|
+ <span> 登录</span>
|
7
|
7
|
</div>
|
8
|
8
|
</div>
|
9
|
9
|
|
|
@@ -12,12 +12,20 @@
|
12
|
12
|
|
13
|
13
|
<script >
|
14
|
14
|
import { ref } from "vue";
|
|
15
|
+import { useRouter } from 'vue-router'
|
|
16
|
+
|
15
|
17
|
// import login from '/''
|
16
|
18
|
export default ({
|
17
|
19
|
setup() {
|
|
20
|
+ //首先在setup中定义
|
|
21
|
+ const router = useRouter()
|
|
22
|
+
|
18
|
23
|
const loginimg = ref("./img/login.png")
|
19
|
24
|
const login = function () {
|
20
|
|
- window.open("https://cas.huanghuai.edu.cn/cas/")
|
|
25
|
+ // window.open("https://cas.huanghuai.edu.cn/cas/")
|
|
26
|
+ //跳转路由到首页
|
|
27
|
+ router.push('/')
|
|
28
|
+
|
21
|
29
|
}
|
22
|
30
|
return {
|
23
|
31
|
loginimg,
|