首页修改

ruoyi-ui/src/views/index.vue

 <template>
-  <div class="index">
-    <!--<div class="el-login-header">
-      <img src="../assets/logo/logo.png" width="80" height="80" style="vertical-align: middle;margin-bottom: 20px;">
-      <span class="text">开滦（集团）有限责任公司</span>
-    </div>-->
+    <div class="container">
 
-  </div>
+        <div class="main-content">
 
+        </div>
+
+        <div class="main-footer">
+            <span>开滦集团财务共享中心</span>
+            <span class="split">|</span>
+            <span>河北天翼科贸发展有限公司</span>
+        </div>
+
+    </div>
+    <!--    开滦（集团）财务共享中心&河北天翼科贸发展有限公司-->
 </template>
 
 <script>
@@ -14,35 +20,116 @@
 
 
 export default {
-  name: 'Index',
-  components: {
+    name: 'Index',
+    components: {
 
-  },
-  data() {
-    return {
+    },
+    data() {
+        return {
 
-    }
-  },
-  methods: {
+        }
+    },
+    methods: {
 
-  }
+    }
 }
 </script>
-<style rel="stylesheet/scss" lang="scss">
-  .index {
+<style scoped>
+.container{
     display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 855px;
+    flex-direction: column;
+    height: calc(100vh - 84px);
     background-image: url("../assets/images/login-background2.jpg");
+    background-position: center;
     background-size: cover;
-  }
-  .title {
-    margin: 0px auto 30px auto;
-    text-align: center;
-    color: #707070;
-  }
+}
 
+.main-footer{
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 10;
+    color: #fff;
+    font-size: 18px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 15px;
+}
 
+.main-footer .split{
+    padding: 0 10px;
+    font-size: 12px;
+}
 </style>
 
+
+
+
+
+
+
+<!--<template>-->
+<!--  <div class="container">-->
+
+<!--      <div class="index">-->
+
+<!--      </div>-->
+
+<!--      <div class="input" style="position: absolute; bottom: 0;">-->
+<!--          开发中心-->
+<!--      </div>-->
+
+<!--  </div>-->
+<!--&lt;!&ndash;    开滦（集团）财务共享中心&河北天翼科贸发展有限公司&ndash;&gt;-->
+<!--</template>-->
+
+<!--<script>-->
+
+
+
+<!--export default {-->
+<!--  name: 'Index',-->
+<!--  components: {-->
+
+<!--  },-->
+<!--  data() {-->
+<!--    return {-->
+
+<!--    }-->
+<!--  },-->
+<!--  methods: {-->
+
+<!--  }-->
+<!--}-->
+<!--</script>-->
+<!--<style rel="stylesheet/scss" lang="scss">-->
+<!--  .index {-->
+<!--    display: flex;-->
+<!--    justify-content: center;-->
+<!--    align-items: center;-->
+<!--      flex: 9;-->
+<!--      height: 90vh;-->
+<!--    background-image: url("../assets/images/login-background2.jpg");-->
+<!--      background-position: center;-->
+<!--    background-size: cover;-->
+<!--  }-->
+<!--  .title {-->
+<!--    margin: 0px auto 30px auto;-->
+<!--    text-align: center;-->
+<!--    color: #707070;-->
+<!--  }-->
+<!--  .input{-->
+<!--      flex: 1;-->
+<!--      font-size: 30px;-->
+<!--      color: #1b1b19;-->
+<!--  }-->
+<!--  .container {-->
+<!--      display: flex;-->
+<!--      flex-direction: column;-->
+<!--      height: 100vh;-->
+<!--  }-->
+
+<!--</style>-->
+