|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<!-- <el-container :style="'height:100%;background:url('+LoginBg+');background-size:cover;'"> -->
|
|
|
- <el-container :style="'height:100%;background:url(../assets/login.jpg);background-size:cover;'">
|
|
|
+ <el-container>
|
|
|
<el-row type="flex" style="width:100%;height:100%;" justify="center" align="middle">
|
|
|
<el-card style="width:400px;height:300px;" shadow="always">
|
|
|
<div slot="header" class="clearfix">
|
|
@@ -37,7 +37,7 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
// import LoginBg from "@/assets/login.jpg";
|
|
|
-const LoginBg = require('@/assets/login.jpg');
|
|
|
+const LoginBg = require('../assets/login.jpg');
|
|
|
import { login } from "@/api";
|
|
|
import { setUser } from '@/utils/auth'
|
|
|
export default {
|
|
@@ -86,6 +86,17 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
+.el-container {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-image: url("../assets/login.jpg");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center;
|
|
|
+ background-size: cover;
|
|
|
+}
|
|
|
.login_container {
|
|
|
width: 90%;
|
|
|
}
|