|
@@ -1,14 +1,20 @@
|
|
|
<template>
|
|
|
<div id="homeIndex">
|
|
|
<el-row>
|
|
|
- <el-col :span="24" class="main animate__animated animate__backInRight"> test </el-col>
|
|
|
+ <el-col :span="24" class="main animate__animated animate__backInRight">
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ <el-col :span="24" class="one_1">个人网站</el-col>
|
|
|
+ <el-col :span="24" class="one_2">
|
|
|
+ <el-button type="primary" size="small" @click="toLogin()">用户登录</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
-const { mapActions } = createNamespacedHelpers('test');
|
|
|
export default {
|
|
|
name: 'homeIndex',
|
|
|
props: {},
|
|
@@ -16,14 +22,10 @@ export default {
|
|
|
data: function () {
|
|
|
return {};
|
|
|
},
|
|
|
- created() {
|
|
|
- this.search();
|
|
|
- },
|
|
|
+ created() {},
|
|
|
methods: {
|
|
|
- ...mapActions(['query']),
|
|
|
- async search() {
|
|
|
- let res = await this.query();
|
|
|
- console.log(res);
|
|
|
+ toLogin() {
|
|
|
+ window.open(`${process.env.VUE_APP_HOST}/padmin`);
|
|
|
},
|
|
|
},
|
|
|
computed: {
|
|
@@ -42,4 +44,22 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
+<style lang="less" scoped>
|
|
|
+.main {
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ background: url('~@a/bj.jpg');
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ .one {
|
|
|
+ text-align: center;
|
|
|
+ .one_1 {
|
|
|
+ font-size: 40px;
|
|
|
+ font-family: cursive;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 2vw 0;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|