修改

Your Name

2022-08-11 988558aaa309068fd393cc654be537434b0a15ea

 src/views/loginPage/loginPage.vue

@@ -1,7 +1,7 @@
<template>
   <div class="login-container">
      <div id="particles-js" style="display: flex;align-items: center;justify-content: center">
         <canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="472" height="625"></canvas>
            <canvas class="particles-js-canvas-el" style="width: 100%; height: 100%" width="472" height="625"></canvas>
      </div>
      <el-row class="loginContent">
         <el-col :md="12">
@@ -38,8 +38,8 @@
import loginIconTwo from '/@/assets/login-icon-two.svg';
import { NextLoading } from '/@/utils/loading';
import AccountLogin from '/@/views/loginPage/component/accountLogin.vue';
import { loginBg } from '../../../static/loginPage.js/login.js'
import { loginApp } from '../../../static/loginPage.js/loginApp.js'
import { loginBg } from '../../../static/loginPage.js/login.js';
import { loginApp } from '../../../static/loginPage.js/loginApp.js';

// 定义接口来定义对象的类型
interface LoginState {
@@ -55,7 +55,7 @@
      const { themeConfig } = storeToRefs(storesThemeConfig);
      const state = reactive<LoginState>({
         tabsActiveName: 'account',
         isScan: false,
            isScan: false
      });
      // 获取布局配置信息
      const getThemeConfig = computed(() => {
@@ -65,15 +65,15 @@
      onMounted(() => {
         NextLoading.done();
         loginBg();
         loginApp()
            loginApp();
      });
      return {
         logoMini,
         loginIconTwo,
         getThemeConfig,
         ...toRefs(state),
            ...toRefs(state)
      };
   },
    }
});
</script>

@@ -87,7 +87,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
   background: url("../../assets/loginPage/login-bg.jpg") no-repeat center;
    background: url('../../assets/loginPage/login-bg.jpg') no-repeat center;
   /*background-image: radial-gradient(at center, #0075c3, #000b61);*/

   canvas {
@@ -106,7 +106,7 @@
      left: 0;
   }
   .rights{
      font-size: 14px;
        font-size: 16px;
      color: #fff;
   }
   .loginContent{
@@ -116,7 +116,7 @@
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-around;
      margin-bottom: 40px;
        margin-bottom: 60px;

      .loginContL{
         width: 100%;
@@ -147,11 +147,11 @@
         background: #fff;
         min-width: 450px;
         border-radius: 15px;
         box-shadow: 0 8px 40px rgba(0,0,0,.15);
            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);

         .welc{
            font-size: 36px;
            font-family: "PingFang SC";
                font-family: 'PingFang SC';
            font-weight: normal;
            color: #999999;
            letter-spacing: 2px;
@@ -159,7 +159,7 @@
         }
         .welcc{
            font-size: 32px;
            font-family: "PingFang SC";
                font-family: 'PingFang SC';
            font-weight: lighter;
            color: #333;
            letter-spacing: 2px;