Pārlūkot izejas kodu

[feat]图片和svg

byq 3 nedēļas atpakaļ
vecāks
revīzija
d8c7f1f5f0

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 5 - 0
src/assets/icons/svg/password_login.svg


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 5 - 0
src/assets/icons/svg/user_login.svg


BIN
src/assets/images/1(1).png


BIN
src/assets/images/1.png


BIN
src/assets/images/login/cognize.png


BIN
src/assets/images/login/decision.png


BIN
src/assets/images/login/environment.png


BIN
src/assets/images/login/home-login-left-background.png


BIN
src/assets/images/login/login-home-background.png


BIN
src/assets/images/login/login-page-background.png


BIN
src/assets/images/login/login-return.png


BIN
src/assets/images/login/plan.png


BIN
src/assets/images/login/wakeup.png


+ 8 - 49
src/layout/index.vue

@@ -1,20 +1,5 @@
 <template>
     <div class="main home-login-page">
-<!--        <div class="top">-->
-<!--            <img src="@/assets/images/index/0.png">-->
-<!--        </div>-->
-<!--        <div class="center">-->
-<!--            <div class="c1">-->
-<!--                <img src="@/assets/images/index/1.png">-->
-<!--                <img src="@/assets/images/index/2.png" @click="indexJump('/xjc-integratedmachine/wakeup/index')">-->
-<!--                <img src="@/assets/images/index/3.png" @click="indexJump('/xjc-integratedmachine/cognize/index')">-->
-<!--            </div>-->
-<!--            <div class="c2">-->
-<!--                <img src="@/assets/images/index/4.png" @click="indexJump('/xjc-integratedmachine/environment/index')">-->
-<!--                <img src="@/assets/images/index/5.png" @click="indexJump('/xjc-integratedmachine/decision/index')">-->
-<!--                <img src="@/assets/images/index/6.png" @click="indexJump('/xjc-integratedmachine/plan/index')">-->
-<!--            </div>-->
-<!--        </div>-->
         <div class="page-left">
           <div class="page-left-style"></div>
           <div class="page-left-text">数字化生涯学习一体机</div>
@@ -31,19 +16,19 @@
         </div>
         <div class="page-right">
           <div class="img-box">
-            <img src="@/assets/images/wakeup.png" @click="indexJump('/xjc-integratedmachine/wakeup/index')">
+            <img src="@/assets/images/login/wakeup.png" @click="indexJump('/xjc-integratedmachine/wakeup/index')">
           </div>
           <div class="img-box">
-            <img src="@/assets/images/cognize.png" @click="indexJump('/xjc-integratedmachine/cognize/index')">
+            <img src="@/assets/images/login/cognize.png" @click="indexJump('/xjc-integratedmachine/cognize/index')">
           </div>
           <div class="img-box">
-            <img src="@/assets/images/environment.png" @click="indexJump('/xjc-integratedmachine/environment/index')">
+            <img src="@/assets/images/login/environment.png" @click="indexJump('/xjc-integratedmachine/environment/index')">
           </div>
           <div class="img-box">
-            <img src="@/assets/images/decision.png" @click="indexJump('/xjc-integratedmachine/decision/index')">
+            <img src="@/assets/images/login/decision.png" @click="indexJump('/xjc-integratedmachine/decision/index')">
           </div>
           <div class="img-box">
-            <img src="@/assets/images/plan.png"  @click="indexJump('/xjc-integratedmachine/plan/index')">
+            <img src="@/assets/images/login/plan.png"  @click="indexJump('/xjc-integratedmachine/plan/index')">
           </div>
         </div>
     </div>
@@ -76,33 +61,7 @@
 </script>
 
 <style lang="scss" scoped>
-    //.main {
-    //    align-items: center;
-    //    display: flex;
-    //    flex-direction: column;
-    //}
-    //
-    //.top {
-    //    height: 20vh;
-    //}
-    //
-    //.center {
-    //    display: flex;
-    //    flex-direction: column;
-    //    height: 80vh;
-    //}
-    //
-    //.c1 {
-    //    height: 50vh;
-    //    display: flex;
-    //    flex-direction: row;
-    //}
-    //
-    //.c2 {
-    //    height: 50vh;
-    //    display: flex;
-    //    flex-direction: row;
-    //}
+
     body,html{
       margin: 0;
       padding: 0;
@@ -110,11 +69,11 @@
     .home-login-page{
       width: 1920px;
       height: 1080px;
-      background: url('@/assets/images/login-home-background.png') no-repeat;
+      background: url('@/assets/images/login/login-home-background.png') no-repeat;
       background-size: 100%;
       display: flex;
       .page-left{
-        background: url('@/assets/images/home-login-left-background.png') no-repeat;
+        background: url('@/assets/images/login/home-login-left-background.png') no-repeat;
         background-size: 100%;
         width: 483px;
         height: 1080px;

+ 2 - 2
src/views/xjc-integratedmachine/login/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="login-page">
     <div class="page-head">
-      <img class="head-icon" src="@/assets/images/login-return.png" alt="404" @click="router.go(-1)">
+      <img class="head-icon" src="@/assets/images/login/login-return.png" alt="404" @click="router.go(-1)">
     </div>
     <div class="page-content">
       <div class="content-background">
@@ -50,7 +50,7 @@ function jumpReturn(path) {
   padding: 0;
 }
 .login-page{
-  background: url('@/assets/images/login-page-background.png') no-repeat;
+  background: url('@/assets/images/login/login-page-background.png') no-repeat;
   background-size: 1920px 1080px;
   z-index:10;
   width: 100%;

+ 2 - 2
src/views/xjc-integratedmachine/login/student_forgetpass.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="login-student-forgetpass-page">
     <div class="page-head">
-      <img class="head-icon" src="@/assets/images/login-return.png" @click="router.go(-1)" alt="404">
+      <img class="head-icon" src="@/assets/login/login-return.png" @click="router.go(-1)" alt="404">
     </div>
     <div class="page-content">
       <div class="content-background">
@@ -146,7 +146,7 @@
   padding: 0;
 }
 .login-student-forgetpass-page{
-  background: url('@/assets/images/login-page-background.png') no-repeat;
+  background: url('@/assets/images/login/login-page-background.png') no-repeat;
   background-size: 1920px 1080px;
   z-index:10;
   width: 100%;

+ 2 - 2
src/views/xjc-integratedmachine/login/student_login.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="student-login-page">
       <div class="page-head">
-        <img class="head-icon" src="@/assets/images/login-return.png" @click="router.go(-1)" alt="404">
+        <img class="head-icon" src="@/assets/images/login/login-return.png" @click="router.go(-1)" alt="404">
       </div>
       <div class="page-content">
         <div class="content-background">
@@ -141,7 +141,7 @@
   padding: 0;
 }
 .student-login-page{
-  background: url('@/assets/images/login-page-background.png') no-repeat;
+  background: url('@/assets/images/login/login-page-background.png') no-repeat;
   background-size: 1920px 1080px;
   z-index:10;
   width: 100%;

+ 2 - 2
src/views/xjc-integratedmachine/login/visitor_login.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="visitor-login-page">
     <div class="page-head">
-      <img class="head-icon" src="@/assets/images/login-return.png" @click="router.go(-1)" alt="404">
+      <img class="head-icon" src="@/assets/images/login/login-return.png" @click="router.go(-1)" alt="404">
     </div>
     <div class="page-content">
       <div class="content-background">
@@ -340,7 +340,7 @@ div,p,input{
   padding: 0;
 }
 .visitor-login-page{
-  background: url('@/assets/images/login-page-background.png') no-repeat;
+  background: url('@/assets/images/login/login-page-background.png') no-repeat;
   background-size: 1920px 1080px;
   z-index:10;
   width: 100%;