opt: 三色灯回退,OPC连接优化

acs/nladmin-ui/src/main.js

@@ -9,6 +9,9 @@ import 'font-awesome/css/font-awesome.css'
 import mavonEditor from 'mavon-editor'
 import 'mavon-editor/dist/css/index.css'
 
+import VueParticles from 'vue-particles'
+Vue.use(VueParticles)
+
 // 数据字典
 import dict from './components/Dict'
 

acs/nladmin-ui/src/views/login.vue

@@ -1,5 +1,23 @@
 <template>
   <div class="login" :style="'background-image:url('+ Background +');'">
+    <vue-particles
+      class="lizi"
+      color="#dedede"
+      :particleOpacity="0.7"
+      :particlesNumber="80"
+      shapeType="circle"
+      :particleSize="4"
+      linesColor="#dedede"
+      :linesWidth="1"
+      :lineLinked="true"
+      :lineOpacity="0.4"
+      :linesDistance="150"
+      :moveSpeed="3"
+      :hoverEffect="true"
+      hoverMode="grab"
+      :clickEffect="true"
+      clickMode="push"
+    />
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form">
       <h3 class="title">
         {{title}}</h3>
@@ -169,7 +187,18 @@ export default {
     align-items: center;
     height: 100%;
     background-size: cover;
-  }
+    z-index: 999;
+}
+
+  .lizi {
+    background-size: cover;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
   .title {
     margin: 0 auto 30px auto;
     text-align: center;