src/views/home/index.vue

@@ -1,19 +1,71 @@
 <template>
-  <div id="index">
-    <p>index</p>
+  <div id="login">
+    <el-row>
+      <el-col :span="24" class="login" :style="'background: url(' + loginBei + ')no-repeat center center;'">
+        <el-col :span="12" class="info">
+          <el-col :span="24" class="topTitle">
+            <p>吉林省小微企业金融</p>
+            <p>金融机构管理后台</p>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
   </div>
 </template>
-
 <script>
-export default {
-  name: 'index',
-  props: {},
-  components: {},
-  data: () => ({}),
-  created() {},
-  computed: {},
-  methods: {},
-};
+  import { mapState, createNamespacedHelpers, mapGetters } from 'vuex';
+  const { mapActions: login } = createNamespacedHelpers('login');
+  const jwt = require('jsonwebtoken');
+  export default {
+    name: 'login',
+    props: {},
+    components: {},
+    data: () => ({
+      loginBei: require('@/assets/back.png'),
+      kuang: require('@/assets/框.png'),
+      form: {},
+    }),
+    created() {}
+  };
 </script>
 
-<style lang="less" scoped></style>
+
+<style lang="less" scoped>
+  p {
+    padding: 0;
+    margin: 0;
+  }
+  .login {
+    height: 100vh;
+  }
+  .topTitle {
+    position: absolute;
+    top: 340px;
+  }
+  .topTitle p {
+    text-align: center;
+    font-size: 30px;
+    font-family: Source Han Sans CN;
+    font-weight: bold;
+    color: red;
+  }
+  .kuang {
+    width: 411px;
+    height: 290px;
+    position: absolute;
+    top: 420px;
+    left: 39%;
+    padding: 77px 56px;
+  }
+  /deep/.el-input__inner {
+    border-radius: 20px;
+  }
+  .btn .el-button {
+    width: 300px;
+    height: 40px;
+    background: rgba(233, 2, 29, 1);
+    border-radius: 20px;
+    border: none;
+    color: #fff;
+  }
+</style>