|
|
|
|
@ -2,7 +2,7 @@
|
|
|
|
|
<div>
|
|
|
|
|
<div class="login-container">
|
|
|
|
|
<div style="width: 350px" class="login-box">
|
|
|
|
|
<div style="font-weight: bold; font-size: 24px; text-align: center; margin-bottom: 30px">登 录</div>
|
|
|
|
|
<div style="font-weight: bold; font-size: 24px; text-align: center; margin-bottom: 30px">欢迎来到学绩云端</div>
|
|
|
|
|
<el-form :model="data.form" ref="formRef" :rules="rules">
|
|
|
|
|
<el-form-item prop="username">
|
|
|
|
|
<el-input prefix-icon="User" v-model="data.form.username" placeholder="请输入账号" />
|
|
|
|
|
@ -20,15 +20,15 @@
|
|
|
|
|
<el-button type="primary" class="login-button" style="width: 100%" @click="login">登 录</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div style="margin-top: 30px; text-align: right">
|
|
|
|
|
还没有账号？请 <a href="/register">注册</a>
|
|
|
|
|
<div style="margin-top: 5px; text-align:center;">
|
|
|
|
|
点击 <a href="/register">注册</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
<script setup>//vue3语法糖
|
|
|
|
|
import { reactive, ref } from "vue";
|
|
|
|
|
import request from "@/utils/request";
|
|
|
|
|
import { ElMessage } from "element-plus";
|
|
|
|
|
@ -88,9 +88,10 @@ const login = () => {
|
|
|
|
|
.login-box {
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
|
|
|
|
padding: 30px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
padding: 70px;
|
|
|
|
|
border-radius: 60px;
|
|
|
|
|
transition: transform 0.3s;
|
|
|
|
|
background-color: #fffacf;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.login-box:hover {
|
|
|
|
|
|
