Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
psychological_camera
/
cpdm_pc
8
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Эх сурвалжийг харах

修改UI

plg 1 долоо хоног өмнө
parent
c25413a8bb
commit
9cc433825e
28 өөрчлөгдсөн 215 нэмэгдсэн , 146 устгасан
Өөрчлөлтийг ялгаж харах Өөрчлөлтийн статистик харах
  1. 1 1
      index.html
  2. BIN
      src/assets/home/fenge.png
  3. BIN
      src/assets/home/group_slide_1.png
  4. BIN
      src/assets/home/group_slide_2.png
  5. BIN
      src/assets/home/group_slide_22.png
  6. BIN
      src/assets/home/group_slide_3.png
  7. BIN
      src/assets/home/jihua_img1.png
  8. BIN
      src/assets/home/jihua_img12.png
  9. BIN
      src/assets/home/xf1.png
  10. BIN
      src/assets/home/xf2.png
  11. BIN
      src/assets/logo_white.png
  12. BIN
      src/assets/scale/guo.png
  13. 4 4
      src/components/CpdmTask.vue
  14. 2 2
      src/components/CpdmTip.vue
  15. 7 8
      src/components/CpmdHeader.vue
  16. 7 7
      src/components/CpmdQuestionnaire.vue
  17. 8 5
      src/views/Cognize.vue
  18. 10 8
      src/views/Community.vue
  19. 4 1
      src/views/Home.vue
  20. 56 24
      src/views/HomeView.vue
  21. 11 8
      src/views/Login.vue
  22. 15 11
      src/views/Plan.vue
  23. 16 11
      src/views/Register.vue
  24. 12 9
      src/views/Report.vue
  25. 17 17
      src/views/Scale.vue
  26. 13 7
      src/views/ScaleDetail.vue
  27. 21 16
      src/views/TestRecord.vue
  28. 11 7
      src/views/UpdatePas.vue

+ 1 - 1
index.html
Файл харах 

@@ -5,7 +5,7 @@
 
   <meta charset="UTF-8">
 
   <link rel="icon" href="/favicon.png">
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-  <title>高知人员心理压力测评系统</title>
 
+  <title>消防救援官兵心理健康测评系统</title>
 
 </head>
 
 
 <body>

BIN
src/assets/home/fenge.png
Файл харах


BIN
src/assets/home/group_slide_1.png
Файл харах


BIN
src/assets/home/group_slide_2.png
Файл харах


BIN
src/assets/home/group_slide_22.png
Файл харах


BIN
src/assets/home/group_slide_3.png
Файл харах


BIN
src/assets/home/jihua_img1.png
Файл харах


BIN
src/assets/home/jihua_img12.png
Файл харах


BIN
src/assets/home/xf1.png
Файл харах


BIN
src/assets/home/xf2.png
Файл харах


BIN
src/assets/logo_white.png
Файл харах


BIN
src/assets/scale/guo.png
Файл харах


+ 4 - 4
src/components/CpdmTask.vue
Файл харах 

@@ -101,8 +101,8 @@ defineExpose({ open })
 
 
                     <el-radio-group v-model="selectCheck">
 
                         <!-- works when >=2.6.0, recommended ✔️ not work when <2.6.0 ❌ -->
 
-                        <el-radio-button :value="item.flag" v-for="item in taskList " size="large" border>{{ item.name
 
-                            }}</el-radio-button>
 
+                        <el-radio-button :value="item.flag" v-for="item in taskList" size="large" border>{{ item.name
 
+                        }}</el-radio-button>
 
                         <!-- works when <2.6.0, deprecated act as value when >=3.0.0 -->
 
                         < </el-radio-group>
 
 
@@ -212,9 +212,9 @@ defineExpose({ open })
 
         cursor: pointer;
 
         // width: 100px;
 
         border-radius: 4px;
 
-        border: 1px solid #00DE7E;
 
+        border: 1px solid #4D6AD5;
 
         color: #ffffff;
 
-        background-color: #000000;
 
+        background-color: #4D6AD5;
 
 
         padding: 8px 30px;
 
         cursor: pointer;

+ 2 - 2
src/components/CpdmTip.vue
Файл харах 

@@ -88,9 +88,9 @@ onUnmounted(() => {
 
         cursor: pointer;
 
         // width: 100px;
 
         border-radius: 4px;
 
-        border: 1px solid #48D68E;
 
+        border: 1px solid #4D6AD5;
 
         color: #ffffff;
 
-        background-color: #333333;
 
+        background-color: #4D6AD5;
 
         // margin-right: 20px;
 
         padding: 5px 50px;
 
         cursor: pointer;

+ 7 - 8
src/components/CpmdHeader.vue
Файл харах 

@@ -94,7 +94,7 @@ const leaveFun = () => {
 
 <template>
 
 
     <!-- :style="{ backgroundColor: activeIndex == '1' ? '#ffffff' : '' }" -->
 
-    <div class="header_qp" :style="{ backgroundColor: activeIndex == '1' ? 'transparent' : '#3B3B3B' }">
 
+    <div class="header_qp" :style="{ backgroundColor: activeIndex == '1' ? '#1F2761FF' : '#1F2761FF' }">
 
         <div class="header_p">
 
             <div class="header_image">
 
                 <!-- <img style="width: 239px; height: 55px" src="../assets/home/trademarkNew.png"></img> -->
 
@@ -106,10 +106,9 @@ const leaveFun = () => {
 
                     <!-- <img style="width: 20vw;" src="../assets/home/group_title.png" alt=""> -->
 
                     <div style="display: flex;flex-direction: column;margin-left:6px">
 
                         <span style="color: #ffffff;font-size: 26px;font-weight: 100;">
 
-                            高知人员心理压力测评系统</span>
 
-                        <span style="color: #ffffff;font-weight: 100;font-size: 14px;">Knowledgeable personnel
 
-                            psychological assessment
 
-                            system</span>
 
+                            消防救援官兵心理健康测评系统</span>
 
+                        <span style="color: #ffffff;font-weight: 100;font-size: 14px;">Mental health assessment system
 
+                        </span>
 
                     </div>
 
                 </div>
 
             </div>
 
@@ -249,9 +248,9 @@ const leaveFun = () => {
 
         cursor: pointer;
 
         // width: 100px;
 
         border-radius: 5px;
 
-        border: 1px solid #48D68E;
 
+
 
         color: #ffffff;
 
-        background-color: #3B3B3B;
 
+        background-color: #4D6AD5;
 
         // margin-right: 20px;
 
         padding: 5px 50px;
 
         cursor: pointer;
 
@@ -263,7 +262,7 @@ const leaveFun = () => {
 
 
 .badge_custom {
 
     position: absolute;
 
-    background-color: #6AEF8D;
 
+    background-color: #D31E1B;
 
     right: -18px;
 
     top: 0px;
 
     text-align: center;

+ 7 - 7
src/components/CpmdQuestionnaire.vue
Файл харах 

@@ -285,7 +285,7 @@ defineExpose({ open })
 
 }
 
 
 :deep(.el-radio__input.is-checked .el-radio__inner) {
 
-    background: #48D68E;
 
+    background: #4D6AD5;
 
     border-color: #B2F2D2;
 
 }
 
 
@@ -294,11 +294,11 @@ defineExpose({ open })
 
 }
 
 
 :deep(.el-input__wrapper.is-focus) {
 
-    box-shadow: 0 0 0 1px #00DE7E;
 
+    box-shadow: 0 0 0 1px #4D6AD5;
 
 }
 
 
 :deep(.el-input__wrapper) {
 
-    box-shadow: 0 0 0 1px #00DE7E;
 
+    box-shadow: 0 0 0 1px #4D6AD5;
 
 }
 
 
 
@@ -316,7 +316,7 @@ defineExpose({ open })
 
 .wjdc {
 
     :deep(.el-dialog__header.show-close) {
 
         padding-right: 0px !important;
 
-        background-color: #3B3B3B !important;
 
+        background-color: #4D6AD5 !important;
 
     }
 
 
     :deep(.el-dialog__header) {
 
@@ -366,7 +366,7 @@ defineExpose({ open })
 
         cursor: pointer;
 
         // width: 100px;
 
         border-radius: 4px;
 
-        border: 1px solid #48D68E;
 
+        border: 1px solid #4D6AD5;
 
         color: #000000;
 
         background-color: #ffffff;
 
         margin-right: 20px;
 
@@ -382,7 +382,7 @@ defineExpose({ open })
 
         cursor: pointer;
 
         // width: 100px;
 
         border-radius: 4px;
 
-        border: 1px solid #48D68E;
 
+        border: 1px solid #4D6AD5;
 
         color: #ffffff;
 
         background-color: #000000;
 
         margin-right: 20px;
 
@@ -432,7 +432,7 @@ defineExpose({ open })
 
     .start_button_self_close_qs {
 
         cursor: pointer;
 
         border-radius: 4px;
 
-        border: 1px solid #00DE7E;
 
+        border: 1px solid #4D6AD5;
 
         color: #3B3B3B;
 
         background-color: #ffffff;
 
         margin-right: 20px;

+ 8 - 5
src/views/Cognize.vue
Файл харах 

@@ -167,11 +167,13 @@ onUnmounted(() => {
 
         <div class="leave_message">
 
             <!-- <img class="img" src="../assets/zs/community.png" alt=""> -->
 
             <div class="font_blue"> 测试介绍 </div>
 
+            <img width="80px" style="position: absolute;left: 100px;bottom: 0;z-index: 11;"
 
+                src="../assets/scale/guo.png" alt="">
 
         </div>
 
         <div class="kply">
 
             <div class="kply_inner">
 
                 <div
 
-                    style="box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.17);box-sizing: border-box;padding: 20px;border-radius: 48px;">
 
+                    style="box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.17);box-sizing: border-box;padding: 20px;border-radius: 48px;background-color: #ffffff;">
 
                     <!-- <div class="cognize_title">
 
                         {{ cognizeDetail.name }}
 
                     </div> -->
 
@@ -458,6 +460,7 @@ onUnmounted(() => {
 
     }
 
 
     .leave_message {
 
+        position: relative;
 
 
         left: 0;
 
         right: 0;
 
@@ -468,7 +471,7 @@ onUnmounted(() => {
 
 
         .font_blue {
 
             position: relative;
 
-            color: #00DE7E;
 
+            color: #D31E1B;
 
             font-weight: 700;
 
             font-size: 22px;
 
             font-family: 'Rammetto One-Regular';
 
@@ -490,7 +493,7 @@ onUnmounted(() => {
 
             margin: auto;
 
             width: 860px;
 
             // padding: 20px 20px;
 
-            background-color: #ffffff;
 
+            // background-color: #ffffff;
 
             border-radius: 40px;
 
 
             .reference_cla {
 
@@ -669,9 +672,9 @@ onUnmounted(() => {
 
                     .scale_button_self {
 
 
                         border-radius: 5px;
 
-                        border: 1px solid #48D68E;
 
+                        border: 1px solid #4D6AD5;
 
                         color: #ffffff;
 
-                        background-color: #3B3B3B;
 
+                        background-color: #4D6AD5;
 
                         margin-right: 20px;
 
                         padding: 10px 40px;
 
                         cursor: pointer;

+ 10 - 8
src/views/Community.vue
Файл харах 

@@ -375,6 +375,8 @@ onUnmounted(() => {
 
         <div class="leave_message">
 
             <!-- <img class="img" src="../assets/zs/community.png" alt=""> -->
 
             <div class="font_blue"> 留言社区 </div>
 
+            <img width="80px" style="position: absolute;left: 100px;bottom: 0;z-index: 11;"
 
+                src="../assets/scale/guo.png" alt="">
 
         </div>
 
         <div class="kply">
 
 
@@ -527,7 +529,7 @@ onUnmounted(() => {
 
 <style lang="scss" scoped>
 
 .home_footer_out {
 
     width: 100%;
 
-    background-color: #000000;
 
+    background-color: #1F2761;
 
 }
 
 
 :deep(.el-divider--horizontal) {
 
@@ -628,9 +630,9 @@ label {
 
             cursor: pointer;
 
             // width: 100px;
 
             border-radius: 5px;
 
-            border: 1px solid #48D68E;
 
+
 
             color: #ffffff;
 
-            background-color: #3B3B3B;
 
+            background-color: #4D6AD5;
 
 
             padding: 8px 30px;
 
             cursor: pointer;
 
@@ -656,7 +658,7 @@ label {
 
     // background-image: url('../assets/home/bg_ty.png');
 
     background-repeat: no-repeat;
 
     background-size: contain;
 
-    background-color: #ffffff; //估计是需要动态
 
+    // background-color: #ffffff; //估计是需要动态
 
     flex: 1;
 
 
     //获取屏幕宽度home_header_out 这个div的宽度--然后宽度*1000再除1920即为当前div的宽度
 
@@ -674,7 +676,7 @@ label {
 
     }
 
 
     .leave_message {
 
-
 
+        position: relative;
 
         left: 0;
 
         right: 0;
 
         margin: auto;
 
@@ -684,7 +686,7 @@ label {
 
 
         .font_blue {
 
             position: relative;
 
-            color: #00DE7E;
 
+            color: #D31E1B;
 
             font-weight: 700;
 
             font-size: 22px;
 
             font-family: 'Rammetto One-Regular';
 
@@ -746,9 +748,9 @@ label {
 
                         cursor: pointer;
 
                         // width: 100px;
 
                         border-radius: 5px;
 
-                        border: 1px solid #48D68E;
 
+                        border: 1px solid #4D6AD5;
 
                         color: #ffffff;
 
-                        background-color: #3B3B3B;
 
+                        background-color: #4D6AD5;
 
 
                         padding: 8px 30px;
 
                         cursor: pointer;

+ 4 - 1
src/views/Home.vue
Файл харах 

@@ -47,9 +47,12 @@ onUnmounted(() => {
 
     width: 100%;
 
     // display: flex;
 
     // background-color: rgb(17, 52, 167);
 
-    height: 100vh;
 
+    // height: 100vh;
 
     display: flex;
 
     flex-direction: column;
 
+    background: url(../assets/home/xf2.png) repeat;
 
+
 
+
 
 
     .home_footer_out {
 
         width: 100%;

+ 56 - 24
src/views/HomeView.vue
Файл харах 

@@ -153,17 +153,22 @@ const brightStatusLevel = () => {
 
 <template>
 
   <div class="home_header_out" ref="homeHeaderOut">
 
 
-    <video src="../assets/video/background.mp4" autoplay loop muted preload="true"
 
-      style="width: 100%;height: 100vh;object-fit: fill;position: absolute;z-index: -1;"></video>
 
+    <!-- <video src="../assets/video/background.mp4" autoplay loop muted preload="true"
 
+      style="width: 100%;height: 100vh;object-fit: fill;position: absolute;z-index: -1;"></video> -->
 
 
     <div class="home_header_inner">
 
       <CpmdHeader />
 
-      <img src=" ../assets/home/grouo_yuan.png" alt="" style="width: 50%;margin-top: 20vh;">
 
+      <!-- <img src=" ../assets/home/grouo_yuan.png" alt="" style="width: 50%;margin-top: 20vh;"> -->
 
+      <div class="img_xf"></div>
 
+
 
     </div>
 
+
 
     <div class="home_mid">
 
       <div style="text-align: center;">
 
+        <!-- <a href="https://work.weixin.qq.com/kfid/kfc5b0b163cebb4cbda" target="_blank" rel="noopener noreferrer">微信客服</a> -->
 
         <!-- <img src="../assets/home/group_zc.png" style="width: 30vw;margin-bottom: 55px;" alt=""> -->
 
-        <div>
 
+        <div style="display: flex;flex-direction: column;align-items: center;padding-top: 20px;">
 
+          <img width="400px" src="../assets/home/fenge.png" alt="">
 
           <span class="zc_des">职场心理问题频发</span>
 
         </div>
 
         <div style="margin-top:20px;color:#818996">工作压力逐渐成为每个人都无法回避的现实问题，这种压力</div>
 
@@ -200,7 +205,11 @@ const brightStatusLevel = () => {
 
 
       <div style="text-align: center;">
 
         <!-- <img src="../assets/home/group_zc.png" style="width: 30vw;margin-bottom: 55px;" alt=""> -->
 
-        <div>
 
+        <!-- <div>
 
+          <span class="zc_des"></span>
 
+        </div> -->
 
+        <div style="display: flex;flex-direction: column;align-items: center;padding-top: 20px;">
 
+          <img width="400px" src="../assets/home/fenge.png" alt="">
 
           <span class="zc_des">职业心理健康需要引起重视</span>
 
         </div>
 
         <div style="margin-top:20px;color:#818996;margin-bottom: 40px;">健康、和谐的工作环境需要个人、企业和社会的共努力。</div>
 
@@ -228,8 +237,12 @@ const brightStatusLevel = () => {
 
 
       <div style="text-align: center;">
 
         <!-- <img src="../assets/home/group_zc.png" style="width: 30vw;margin-bottom: 55px;" alt=""> -->
 
-        <div>
 
+        <!-- <div>
 
           <span class="zc_des3">工作虽苦，解压有道</span>
 
+        </div> -->
 
+        <div style="display: flex;flex-direction: column;align-items: center;padding-top: 20px;">
 
+          <img width="400px" src="../assets/home/fenge.png" alt="">
 
+          <span class="zc_des3">职业心理健康需要引起重视</span>
 
         </div>
 
         <div style="margin-top:20px;color:#818996;">养成定期自我评估的习惯，关注自身的心理状态变化，适时</div>
 
         <div style="color:#818996;margin-bottom: 40px;">进行调整，在忙碌的工作中找到身与心的平衡。</div>
 
@@ -242,7 +255,8 @@ const brightStatusLevel = () => {
 
           <div class="home_two_des">
 
             通过持续的自我监测和专业的评估工具，可以更早地发现潜在的心理问题，从而采取预防措施或寻求适当的帮助。这不仅有助于提高个人的情绪管理和应对压力的能力，还能显著提升工作效率和生活质量。</div>
 
         </div>
 
-        <div style="height: 100px;background-color: #00CD74;position: absolute;width: 100%;z-index: -1;top:200px">
 
+        <div
 
+          style="height: 100px;background: linear-gradient(90deg, #C41416 0%, #E57117 100%);;position: absolute;width: 100%;z-index: -1;top:200px">
 
         </div>
 
       </div>
 
       <div class="home_mid_plan" v-show="isNeed" @click="openSquare" ref="plan_jihua">
 
@@ -299,6 +313,9 @@ body {
 
 }
 
 
 .home_mid {
 
+  // background: url(../assets/home/xf2.png);
 
+  // background-size: cover;
 
+  width: 1200px;
 
 
   :deep(.el-carousel__container) {
 
     height: calc(100vh - 300px) !important;
 
@@ -306,13 +323,13 @@ body {
 
   }
 
 
   .zc_des {
 
-    margin-top: 40px;
 
+    margin-top: 10px;
 
     display: inline-flex;
 
-    padding-top: 40px;
 
+    // padding-top: 10px;
 
     font-size: 32px;
 
-    color: #00DE7E;
 
+    color: #D31E1B;
 
     font-weight: 700;
 
-    background: url(../assets/home/01.png) no-repeat;
 
+    // background: url(../assets/home/01.png) no-repeat;
 
     background-size: auto 72px;
 
     background-position: center;
 
   }
 
@@ -326,32 +343,34 @@ body {
 
   right: 0;
 
   margin: auto;
 
   // height: 100px;
 
+  // width: 100%;
 
   width: 1200px;
 
   height: 100vh;
 
   position: relative;
 
   height: 100vh;
 
   scroll-snap-align: center;
 
 
+
 
   .zc_des {
 
-    margin-top: 40px;
 
+    margin-top: 10px;
 
     display: inline-flex;
 
-    padding-top: 40px;
 
+    // padding-top: 40px;
 
     font-size: 32px;
 
-    color: #00DE7E;
 
+    color: #D31E1B;
 
     font-weight: 700;
 
-    background: url(../assets/home/02.png) no-repeat;
 
+    // background: url(../assets/home/02.png) no-repeat;
 
     background-size: auto 72px;
 
     background-position: center;
 
   }
 
 
   .zc_des3 {
 
-    margin-top: 40px;
 
+    margin-top: 10px;
 
     display: inline-flex;
 
-    padding-top: 40px;
 
+    // padding-top: 40px;
 
     font-size: 32px;
 
-    color: #00DE7E;
 
+    color: #D31E1B;
 
     font-weight: 700;
 
-    background: url(../assets/home/03.png) no-repeat;
 
+    // background: url(../assets/home/03.png) no-repeat;
 
     background-size: auto 72px;
 
     background-position: bottom;
 
   }
 
@@ -420,9 +439,9 @@ video {
 
   min-width: 1200px;
 
   // background-color: rgb(151, 163, 202);
 
   // height: 600px;
 
-
 
+  background: url(../assets/home/xf2.png);
 
   background-repeat: no-repeat;
 
-  background-size: 100% 100vh;
 
+  background-size: cover;
 
 
   // height: 106.667vw;
 
   // height: 41.667vw;
 
@@ -430,6 +449,7 @@ video {
 
   // height: calc(100vmax * 1000px / 1920px);
 
   //估计是需要动态
 
   //获取屏幕宽度home_header_out 这个div的宽度--然后宽度*1000再除1920即为当前div的宽度
 
+
 
   .home_header_inner {
 
 
     // position: absolute;
 
@@ -441,11 +461,23 @@ video {
 
     right: 0;
 
     margin: auto;
 
     // height: 100px;
 
-    width: 1200px;
 
+    width: 100%;
 
     height: 100vh;
 
     position: relative;
 
     scroll-snap-align: start;
 
+
 
     /* 启用滚动捕捉对齐 */
 
+    .img_xf {
 
+      width: 100%;
 
+      height: calc(100vh - 80px);
 
+      background: url(../assets/home/xf1.png);
 
+      background-repeat: no-repeat;
 
+      background-size: 100% 100%;
 
+      object-fit: cover;
 
+      object-position: center;
 
+
 
+
 
+    }
 
   }
 
 }
 
 
@@ -617,12 +649,12 @@ video {
 
   // scroll-snap-align: 'start';
 
 
   width: 100%;
 
-  background-color: #000000;
 
+  background-color: #1F2761;
 
 }
 
 
 .home_mid_plan {
 
   background-color: #3B3B3B;
 
-  border: 2px solid #00DE7E;
 
+  border: 2px solid #4D6AD5;
 
   border-radius: 10px;
 
   z-index: 1;
 
   cursor: pointer;

+ 11 - 8
src/views/Login.vue
Файл харах 

@@ -142,6 +142,8 @@ const loginFun = async () => {
 
         <div class="leave_message">
 
             <!-- <img class="img" src="../assets/zs/community.png" alt=""> -->
 
             <div class="font_blue"> 用户登录 </div>
 
+            <img width="80px" style="position: absolute;left: 100px;bottom: 0;z-index: 11;"
 
+                src="../assets/scale/guo.png" alt="">
 
         </div>
 
         <div class="kply">
 
             <div class="kply_inner">
 
@@ -196,13 +198,13 @@ const loginFun = async () => {
 
 <style lang="scss" scoped>
 
 .home_footer_out {
 
     width: 100%;
 
-    background-color: #000000;
 
+    background-color: #1F2761;
 
 }
 
 
 :deep(.el-input__wrapper) {
 
     align-items: center;
 
     border-radius: 0px !important;
 
-    border: 1px solid #00DE7E !important;
 
+    border: 1px solid #4D6AD5 !important;
 
     padding-left: 20px;
 
     box-shadow: none
 
 }
 
@@ -274,10 +276,11 @@ const loginFun = async () => {
 
         width: 650px;
 
         margin-bottom: 20px;
 
         margin-top: 20px;
 
+        position: relative;
 
 
         .font_blue {
 
             position: relative;
 
-            color: #00DE7E;
 
+            color: #D31E1B;
 
             font-weight: 700;
 
             font-size: 22px;
 
             font-family: 'Rammetto One-Regular';
 
@@ -306,14 +309,14 @@ const loginFun = async () => {
 
             box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17);
 
 
             .login_top {
 
-                background-color: #3B3B3B;
 
+                background-color: #4D6AD5;
 
                 line-height: 50px;
 
 
                 .des {
 
                     color: #ffffff;
 
                     font-weight: 700;
 
                     margin-left: 50px;
 
-                    background-image: url('../assets/zs/login_line.png');
 
+                    // background-image: url('../assets/zs/login_line.png');
 
                     background-repeat: no-repeat;
 
                     background-size: contain;
 
                     padding-bottom: 6px;
 
@@ -340,9 +343,9 @@ const loginFun = async () => {
 
                     cursor: pointer;
 
                     // width: 100px;
 
                     border-radius: 4px;
 
-                    border: 1px solid #48D68E;
 
+                    border: 1px solid #4D6AD5;
 
                     color: #ffffff;
 
-                    background-color: #3B3B3B;
 
+                    background-color: #4D6AD5;
 
                     margin-right: 20px;
 
                     padding: 5px 50px;
 
                     cursor: pointer;
 
@@ -361,7 +364,7 @@ const loginFun = async () => {
 
 
             span {
 
                 font-weight: 700;
 
-                color: #00DE7E;
 
+                color: #4D6AD5;
 
                 cursor: pointer;
 
                 font-size: 16px;
 
             }

+ 15 - 11
src/views/Plan.vue
Файл харах 

@@ -262,6 +262,8 @@ onUnmounted(() => {
 
         <div class="leave_message">
 
             <!-- <img class="img" src="../assets/zs/community.png" alt=""> -->
 
             <div class="font_blue"> 测试计划 </div>
 
+            <img width="80px" style="position: absolute;left: 100px;bottom: 0;z-index: 11;"
 
+                src="../assets/scale/guo.png" alt="">
 
         </div>
 
 
         <div class="kply">
 
@@ -278,7 +280,7 @@ onUnmounted(() => {
 
                     <div class="test_record_out" v-for="item in planList">
 
                         <div class="record_tip">
 
                             <span class="record_tip_out"><span class="record_tip_inner">创建时间：</span>{{ item.createTime
 
-                                }}</span>
 
+                            }}</span>
 
                             <span><span class="record_tip_inner">结束时间：</span>{{ item.planEndTime }}</span>
 
                         </div>
 
                         <div class="test_record">
 
@@ -378,7 +380,7 @@ onUnmounted(() => {
 
 <style lang="scss" scoped>
 
 .home_footer_out {
 
     width: 100%;
 
-    background-color: #000000;
 
+    background-color: #1F2761;
 
 }
 
 
 // .test_record{
 
@@ -402,8 +404,8 @@ onUnmounted(() => {
 
     width: 100%;
 
     min-width: 1200px;
 
     // background-image: url('../assets/home/bg_ty.png');
 
+    // background: url(../assets/home/xf2.png);
 
     background-repeat: no-repeat;
 
-    background-size: contain;
 
     // background-color: #B3F1DA;
 
     flex: 1;
 
 
@@ -422,6 +424,7 @@ onUnmounted(() => {
 
     }
 
 
     .leave_message {
 
+        position: relative;
 
 
         left: 0;
 
         right: 0;
 
@@ -429,10 +432,11 @@ onUnmounted(() => {
 
         width: 1200px;
 
         margin-bottom: 20px;
 
         margin-top: 20px;
 
+        // display: flex;
 
 
         .font_blue {
 
             position: relative;
 
-            color: #00DE7E;
 
+            color: #D31E1B;
 
             font-weight: 700;
 
             font-size: 22px;
 
             font-family: 'Rammetto One-Regular';
 
@@ -634,9 +638,9 @@ onUnmounted(() => {
 
                     cursor: pointer;
 
                     // width: 100px;
 
                     border-radius: 4px;
 
-                    border: 1px solid #48D68E;
 
+                    // border: 1px solid #48D68E;
 
                     color: #ffffff;
 
-                    background-color: #3B3B3B;
 
+                    background-color: #4D6AD5;
 
                     margin-right: 20px;
 
                     padding: 8px 28px;
 
                     cursor: pointer;
 
@@ -660,7 +664,7 @@ onUnmounted(() => {
 
 
                 .record_tip {
 
                     // background-color: #FFF6DF;
 
-                    background: linear-gradient(to right, #C4FE99, #04DE7E);
 
+                    background: linear-gradient(to right, #FF9D9C 0%, #D42523 99.83%);
 
                     position: absolute;
 
                     right: -10px;
 
                     display: flex;
 
@@ -670,7 +674,7 @@ onUnmounted(() => {
 
                     // border-top-right-radius: 40px;
 
                     // border-bottom-left-radius: 40px;
 
                     padding: 10px 40px;
 
-                    color: #4D7D1D;
 
+                    color: #ffffff;
 
                     font-size: 14px;
 
                     font-weight: 700;
 
                     // letter-spacing: 2px;
 
@@ -843,7 +847,7 @@ onUnmounted(() => {
 
                                             .isMust {
 
                                                 position: absolute;
 
                                                 right: -28px;
 
-                                                background-color: #00DE7E;
 
+                                                background-color: #D31E1B;
 
                                                 font-size: 10px;
 
                                                 color: #ffffff;
 
                                                 padding: 4px 10px;
 
@@ -853,9 +857,9 @@ onUnmounted(() => {
 
                                             .isChoosable {
 
                                                 position: absolute;
 
                                                 right: -28px;
 
-                                                background-color: #FF8400;
 
+                                                background-color: #E1E1E1;
 
                                                 font-size: 10px;
 
-                                                color: #ffffff;
 
+                                                color: #818181;
 
                                                 padding: 4px 10px;
 
                                                 border-radius: 3px;
 
                                             }

+ 16 - 11
src/views/Register.vue
Файл харах 

@@ -345,6 +345,9 @@ const roleTypeChange = (val: string) => {
 
         <div class="leave_message">
 
             <!-- <img class="img" src="../assets/zs/community.png" alt=""> -->
 
             <div class="font_blue"> 用户注册 </div>
 
+            <img width="80px" style="position: absolute;left: 100px;bottom: 0;z-index: 11;"
 
+                src="../assets/scale/guo.png" alt="">
 
+
 
         </div>
 
         <div class="kply">
 
             <div class="kply_inner">
 
@@ -451,13 +454,13 @@ const roleTypeChange = (val: string) => {
 
 <style lang="scss" scoped>
 
 .home_footer_out {
 
     width: 100%;
 
-    background-color: #000000;
 
+    background-color: #1F2761;
 
 }
 
 
 :deep(.el-input__wrapper) {
 
     align-items: center;
 
     border-radius: 0px !important;
 
-    border: 1px solid #00DE7E !important;
 
+    border: 1px solid #4D6AD5 !important;
 
     padding-left: 20px;
 
     box-shadow: none
 
 }
 
@@ -499,7 +502,7 @@ const roleTypeChange = (val: string) => {
 
 
 :deep(.el-select__wrapper) {
 
     border-radius: 0px;
 
-    border: 1px solid #00DE7E;
 
+    border: 1px solid #4D6AD5;
 
     padding-left: 20px;
 
     height: 40px;
 
     box-shadow: none;
 
@@ -547,12 +550,12 @@ const roleTypeChange = (val: string) => {
 
 }
 
 
 :deep(.el-radio__input.is-checked .el-radio__inner) {
 
-    background: #48D68E;
 
+    background: #4D6AD5;
 
     border-color: #B2F2D2;
 
 }
 
 
 :deep(.el-radio__input.is-checked+.el-radio__label) {
 
-    color: #48D68E;
 
+    // color: #48D68E;
 
 }
 
 
 
@@ -606,6 +609,8 @@ const roleTypeChange = (val: string) => {
 
     }
 
 
     .leave_message {
 
+        position: relative;
 
+
 
         left: 0;
 
         right: 0;
 
         margin: auto;
 
@@ -615,7 +620,7 @@ const roleTypeChange = (val: string) => {
 
 
         .font_blue {
 
             position: relative;
 
-            color: #00DE7E;
 
+            color: #D31E1B;
 
             font-weight: 700;
 
             font-size: 22px;
 
             font-family: 'Rammetto One-Regular';
 
@@ -644,14 +649,14 @@ const roleTypeChange = (val: string) => {
 
             box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17);
 
 
             .login_top {
 
-                background-color: #3B3B3B;
 
+                background-color: #4D6AD5;
 
                 line-height: 50px;
 
 
                 .des {
 
                     color: #ffffff;
 
                     font-weight: 700;
 
                     margin-left: 50px;
 
-                    background-image: url('../assets/zs/login_line.png');
 
+                    // background-image: url('../assets/zs/login_line.png');
 
                     background-repeat: no-repeat;
 
                     background-size: contain;
 
                     padding-bottom: 6px;
 
@@ -678,9 +683,9 @@ const roleTypeChange = (val: string) => {
 
                     cursor: pointer;
 
                     // width: 100px;
 
                     border-radius: 4px;
 
-                    border: 1px solid #48D68E;
 
+                    border: 1px solid;
 
                     color: #ffffff;
 
-                    background-color: #3B3B3B;
 
+                    background-color: #4D6AD5;
 
                     margin-right: 20px;
 
                     padding: 10px 50px;
 
                     cursor: pointer;
 
@@ -699,7 +704,7 @@ const roleTypeChange = (val: string) => {
 
 
             span {
 
                 font-weight: 700;
 
-                color: #00DE7E;
 
+                color: #4D6AD5;
 
                 cursor: pointer;
 
                 font-size: 16px;
 
             }

+ 12 - 9
src/views/Report.vue
Файл харах 

@@ -122,9 +122,9 @@ const option = reactive({
 
                     value: echarts_data_list.value,
 
                     itemStyle: { //该数值区域样式设置
 
                         normal: {
 
-                            color: 'RGBA(20, 203, 124, 1)', //背景颜色，还需设置areaStyle   //修改线条颜色
 
+                            color: 'rgba(77, 106, 213, 1)', //背景颜色，还需设置areaStyle   //修改线条颜色
 
                             lineStyle: {
 
-                                color: 'RGBA(20, 203, 124, 1)', //边框颜色
 
+                                color: 'rgba(77, 106, 213, 1)', //边框颜色rgba(77, 106, 213, 1)rgba(77, 106, 213, 1)
 
                             },
 
                         },
 
                     },
 
@@ -132,7 +132,7 @@ const option = reactive({
 
                     areaStyle: {
 
                         //阴影区域背景
 
                         // color: 'rgba(255, 228, 52, 0.6)'
 
-                        color: 'rgba(87, 231, 169, 1)'
 
+                        color: 'rgba(77, 106, 213, 0.6)'
 
                     }
 
                 }
 
             ]
 
@@ -255,6 +255,8 @@ onUnmounted(() => {
 
         <div class="leave_message">
 
             <!-- <img class="img" src="../assets/zs/community.png" alt=""> -->
 
             <div class="font_blue"> 测试结果 </div>
 
+            <img width="80px" style="position: absolute;left: 100px;bottom: 0;z-index: 11;"
 
+                src="../assets/scale/guo.png" alt="">
 
         </div>
 
 
 
@@ -287,7 +289,7 @@ onUnmounted(() => {
 
                                         </span>
 
                                         <el-progress :percentage="echarts_data_list[index]" style="width:100%"
 
                                             :stroke-width="18" :show-text='false'
 
-                                            color="linear-gradient(to right,#4BF6AC ,#00DE7E)" />
 
+                                            color="linear-gradient(to right,#798EDE ,#1F2761)" />
 
                                         <span class="progress_out_score">{{ echarts_data_list[index] }}<span
 
                                                 style="color:#000000;font-size: 12px;opacity: 0.4;">/100</span></span>
 
                                     </div>
 
@@ -347,7 +349,7 @@ onUnmounted(() => {
 
 <style lang="scss" scoped>
 
 .home_footer_out {
 
     width: 100%;
 
-    background-color: #000000;
 
+    background-color: rgba(31, 39, 97, 1);
 
 }
 
 
 .home_header_out {
 
@@ -399,6 +401,7 @@ onUnmounted(() => {
 
     }
 
 
     .leave_message {
 
+        position: relative;
 
         left: 0;
 
         right: 0;
 
         margin: auto;
 
@@ -408,7 +411,7 @@ onUnmounted(() => {
 
 
         .font_blue {
 
             position: relative;
 
-            color: #00DE7E;
 
+            color: #D31E1B;
 
             font-weight: 700;
 
             font-size: 22px;
 
             font-family: 'Rammetto One-Regular';
 
@@ -510,7 +513,7 @@ onUnmounted(() => {
 
                     }
 
 
                     .progress_out_score {
 
-                        color: #FF1E00;
 
+                        color: #333333;
 
                         font-weight: 600;
 
                         margin-right: 25px;
 
                         margin-left: 15px;
 
@@ -569,9 +572,9 @@ onUnmounted(() => {
 
                     cursor: pointer;
 
                     // width: 100px;
 
                     border-radius: 12px;
 
-                    border: 3px solid #48D68E;
 
+
 
                     color: #ffffff;
 
-                    background-color: #000000;
 
+                    background-color: #1F2761;
 
                     margin-right: 20px;
 
                     padding: 8px 60px;
 
                     cursor: pointer;

+ 17 - 17
src/views/Scale.vue
Файл харах 

@@ -581,9 +581,9 @@ onUnmounted(() => {
 
             <CpmdHeader />
 
             <div class="report_top">
 
                 <div class="report_jt">
 
-                    <span v-if="!(flag == '20210713155333' && isComplate == '2')" style="color:#00DE7E ;">{{ flagName
 
-                    }}</span>
 
-                    <span v-if="flag == '20210713155333' && isComplate == '2'" style="color:#00DE7E ;">
 
+                    <span v-if="!(flag == '20210713155333' && isComplate == '2')" style="color:#D31E1B ;">{{ flagName
 
+                        }}</span>
 
+                    <span v-if="flag == '20210713155333' && isComplate == '2'" style="color:#D31E1B ;">
 
                         抑郁-焦虑-压力量表（附加题）</span>
 
                     <span v-show="!isCompleted" class="des">请根据您的表现回答下列问题，每道题请选择最符合您的情况的选项。</span>
 
                 </div>
 
@@ -597,17 +597,17 @@ onUnmounted(() => {
 
                     <!-- :style="{ border: isCompleted ? '8px solid #ffffff' : '8px solid #B2F2D2' } -->
 
                     <el-progress v-if="!(flag == '20210713155333' && isComplate == '2')" :text-inside="true"
 
                         :stroke-width="20" :percentage="(topicIndex / scaleList.length) * 100"
 
-                        color="linear-gradient(to right,#C4FE99,#02DE7E)">
 
+                        color="linear-gradient(to right,#F94B48,#F94B48)">
 
                         <span style="color:#000000">{{ topicIndex }}/{{ scaleList.length }}</span>
 
                     </el-progress>
 
                     <el-progress v-if="flag == '20210713155333' && isComplate == '2'" :text-inside="true"
 
-                        color="linear-gradient(to right,#C4FE99,#02DE7E)" :stroke-width="20"
 
+                        color="linear-gradient(to right,#F94B48,#F94B48)" :stroke-width="20"
 
                         :percentage="((topicIndex + planIsComplateNum) / planAllNum) * 100">
 
                         <span style="color:#000000">{{ topicIndex + planIsComplateNum }}/{{ planAllNum }}</span>
 
                     </el-progress>
 
                     <div v-if="scaleList.length > 0">
 
                         <div class="scale_title" v-if="!(flag == '20210713155333' && isComplate == '2')">{{ topicIndex
 
-                        }}：{{ scaleList[topicIndex - 1].content }}</div>
 
+                            }}：{{ scaleList[topicIndex - 1].content }}</div>
 
                         <div class="scale_title" v-if="flag == '20210713155333' && isComplate == '2'">{{ topicIndex +
 
                             planIsComplateNum }}：{{ scaleList[topicIndex - 1].content }}</div>
 
                         <el-radio-group v-model="scaleList[topicIndex - 1].isCheck" class="scale_radio_group">
 
@@ -648,7 +648,7 @@ onUnmounted(() => {
 
 <style scoped>
 
 .home_footer_out {
 
     width: 100%;
 
-    background-color: #000000;
 
+    background-color: #1F2761;
 
 }
 
 
 :deep(.dig_kg> .el-dialog__header) {
 
@@ -684,8 +684,8 @@ onUnmounted(() => {
 
     width: 100%;
 
     border-radius: 5px !important;
 
     margin-top: 10px;
 
-    border: 1px solid #89DF32;
 
-    border-left: 1px solid #89DF32 !important;
 
+    border: 1px solid #4D6AD5;
 
+    border-left: 1px solid #4D6AD5 !important;
 
     padding: 10px 10px;
 
     font-size: 14px;
 
     font-weight: 700;
 
@@ -697,15 +697,15 @@ onUnmounted(() => {
 
     width: 100%;
 
     border-radius: 5px !important;
 
     margin-top: 10px;
 
-    border: 1px solid #89DF32;
 
-    border-left: 1px solid #89DF32 !important;
 
+    border: 1px solid #4D6AD5;
 
+    border-left: 1px solid #4D6AD5 !important;
 
     padding: 10px 10px;
 
     font-size: 14px;
 
     font-weight: 700;
 
     text-align: left;
 
 
     color: #000000;
 
-    background-color: #00DE7E;
 
+    background-color: #4D6AD5;
 
     color: #ffffff;
 
 
 }
 
@@ -718,8 +718,8 @@ onUnmounted(() => {
 
 // }
 
 
 :deep().el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner {
 
-    background-color: #00DE7E !important;
 
-    border-color: #B2F2D2 !important;
 
+    background-color: #4D6AD5 !important;
 
+    border-color: #4D6AD5 !important;
 
     box-shadow: 0 0 0 0 var(--el-radio-button-checked-border-color, var(--el-color-primary)) !important;
 
     color: var(--el-radio-button-checked-text-color, var(--el-color-white));
 
 }
 
@@ -774,7 +774,7 @@ onUnmounted(() => {
 
 
                 .des {
 
                     font-weight: 100;
 
-                    color: #20E28E;
 
+                    color: #D31E1B;
 
                     // opacity: 0.4;
 
                     font-size: 15px;
 
                     letter-spacing: 0px;
 
@@ -827,9 +827,9 @@ onUnmounted(() => {
 
                     .scale_button_self {
 
 
                         border-radius: 5px;
 
-                        border: 1px solid #48D68E;
 
+                        border: 1px solid #4D6AD5;
 
                         color: #ffffff;
 
-                        background-color: #3B3B3B;
 
+                        background-color: #4D6AD5;
 
                         margin-right: 20px;
 
                         padding: 10px 40px;
 
                         cursor: pointer;

+ 13 - 7
src/views/ScaleDetail.vue
Файл харах 

@@ -198,10 +198,13 @@ const startText = () => {
 
         <div class="leave_message">
 
             <!-- <img class="img" src="../assets/zs/community.png" alt=""> -->
 
             <div class="font_blue"> 测试介绍 </div>
 
+            <img width="80px" style="position: absolute;left: 100px;bottom: 0;z-index: 11;"
 
+                src="../assets/scale/guo.png" alt="">
 
         </div>
 
         <div class="kply">
 
             <div class="kply_inner">
 
-                <div style="padding :20px 40px; box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17);border-radius: 48px;">
 
+                <div
 
+                    style="padding :20px 40px; box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17);border-radius: 48px;background-color: #ffffff;">
 
                     <!-- <div class="cognize_title">
 
                         {{ scaleName }}
 
                     </div> -->
 
@@ -263,7 +266,7 @@ const startText = () => {
 
 <style lang="scss" scoped>
 
 .home_footer_out {
 
     width: 100%;
 
-    background-color: #000000;
 
+    background-color: #1F2761;
 
 }
 
 
 .cognize_js {
 
@@ -307,6 +310,7 @@ const startText = () => {
 
     }
 
 
     .leave_message {
 
+        position: relative;
 
 
         left: 0;
 
         right: 0;
 
@@ -317,7 +321,7 @@ const startText = () => {
 
 
         .font_blue {
 
             position: relative;
 
-            color: #00DE7E;
 
+            color: #D31E1B;
 
             font-weight: 700;
 
             font-size: 22px;
 
             font-family: 'Rammetto One-Regular';
 
@@ -339,7 +343,7 @@ const startText = () => {
 
             margin: auto;
 
             width: 860px;
 
             // padding: 20px 20px;
 
-            background-color: #ffffff;
 
+            // background-color: #ffffff;
 
             border-radius: 40px;
 
 
             .yl_out {
 
@@ -362,6 +366,7 @@ const startText = () => {
 
 
             .ckwx {
 
                 margin-top: 10px;
 
+                background-color: transparent;
 
 
                 .reference_title {
 
                     color: #a9a9a9;
 
@@ -386,7 +391,7 @@ const startText = () => {
 
                 font-weight: 700;
 
                 display: inline-flex;
 
                 // margin-bottom: 10px;
 
-                background-image: url('../assets/zs/plan_line.png');
 
+                // background-image: url('../assets/zs/plan_line.png');
 
                 background-repeat: no-repeat;
 
                 background-size: contain;
 
                 padding-bottom: 10px;
 
@@ -404,6 +409,7 @@ const startText = () => {
 
             .cognize_img_out {
 
                 display: flex;
 
                 justify-content: center;
 
+                background-color: #ffffff;
 
 
                 .cognize_des {
 
                     flex: 1;
 
@@ -465,9 +471,9 @@ const startText = () => {
 
                     .scale_button_self {
 
 
                         border-radius: 5px;
 
-                        border: 1px solid #48D68E;
 
+                        border: 1px solid #4D6AD5;
 
                         color: #ffffff;
 
-                        background-color: #333333;
 
+                        background-color: #4D6AD5;
 
                         margin-right: 20px;
 
                         padding: 10px 40px;
 
                         cursor: pointer;

+ 21 - 16
src/views/TestRecord.vue
Файл харах 

@@ -168,6 +168,8 @@ onUnmounted(() => {
 
         <div class="leave_message">
 
             <!-- <img class="img" src="../assets/zs/community.png" alt=""> -->
 
             <div class="font_blue"> 测试记录 </div>
 
+            <img width="80px" style="position: absolute;left: 100px;bottom: 0;z-index: 11;"
 
+                src="../assets/scale/guo.png" alt="">
 
         </div>
 
         <div class="kply">
 
             <div class="kply_inner">
 
@@ -176,10 +178,11 @@ onUnmounted(() => {
 
                     <!-- <div style="width: 1200px;margin-left:32px; box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.17);"
 
                         v-show="list.length == 0">
 
                         <img width="400px" src="../assets/planNo.png">
 
-                    </div> -->
 
+                    </div>
 
+                    box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.17);
 
+                    -->
 
 
-                    <div style="box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.17);width: 1200px;margin-left:32px"
 
-                        v-show="list.length == 0">
 
+                    <div style="width: 1200px;margin-left:32px" v-show="list.length == 0">
 
                         <div style="padding:10% 20%;display: flex;justify-content: center ;">
 
                             <!-- <img width="100%" src="../assets/planNo.png"> -->
 
                             <img width="400px" src=" ../assets/planNo.png">
 
@@ -311,7 +314,7 @@ onUnmounted(() => {
 
 <style lang="scss" scoped>
 
 .home_footer_out {
 
     width: 100%;
 
-    background-color: #000000;
 
+    background-color: #1F2761;
 
 }
 
 
 .home_header_out {
 
@@ -341,6 +344,7 @@ onUnmounted(() => {
 
     }
 
 
     .leave_message {
 
+        position: relative;
 
         left: 0;
 
         right: 0;
 
         margin: auto;
 
@@ -350,7 +354,7 @@ onUnmounted(() => {
 
 
         .font_blue {
 
             position: relative;
 
-            color: #00DE7E;
 
+            color: #D31E1B;
 
             font-weight: 700;
 
             font-size: 22px;
 
             font-family: 'Rammetto One-Regular';
 
@@ -372,7 +376,7 @@ onUnmounted(() => {
 
             margin: auto;
 
             width: 1264px;
 
 
-            background-color: #ffffff;
 
+            // background-color: #ffffff;
 
             border-radius: 40px;
 
             // margin-bottom: 20px;
 
 
@@ -385,10 +389,11 @@ onUnmounted(() => {
 
                 // min-height: 500px;
 
                 .record_zt {
 
 
-                    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17);
 
+                    // box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17);
 
                     margin-bottom: 40px;
 
                     box-sizing: border-box;
 
                     padding: 32px 20px;
 
+                    background-color: #ffffff;
 
 
                 }
 
 
@@ -457,8 +462,8 @@ onUnmounted(() => {
 
                             line-height: 24px;
 
 
                             font-weight: 100;
 
-                            background-color: #1673FF;
 
-                            color: #ffffff;
 
+                            background-color: #DEDEDE;
 
+                            color: #333333;
 
                             width: 50px;
 
                             top: -20px;
 
                             text-align: center;
 
@@ -470,7 +475,7 @@ onUnmounted(() => {
 
                             font-size: 14px;
 
                             line-height: 24px;
 
                             font-weight: 100;
 
-                            background-color: #00DE7E;
 
+                            background-color: #FF8D1A;
 
                             color: #ffffff;
 
                             width: 50px;
 
                             top: -20px;
 
@@ -639,7 +644,7 @@ onUnmounted(() => {
 
                                             .isMust {
 
                                                 position: absolute;
 
                                                 right: 0;
 
-                                                background-color: #00DE7E;
 
+                                                background-color: #D31E1B;
 
                                                 font-size: 10px;
 
                                                 color: #ffffff;
 
                                                 padding: 4px 10px;
 
@@ -649,12 +654,12 @@ onUnmounted(() => {
 
                                             .isChoosable {
 
                                                 position: absolute;
 
                                                 right: 0;
 
-                                                background-color: #FF8400;
 
+                                                background-color: #ffffff;
 
                                                 font-size: 10px;
 
-                                                color: #ffffff;
 
+                                                color: #4D6AD5;
 
                                                 padding: 4px 10px;
 
                                                 border-radius: 3px;
 
-                                                // border: 1px solid #00DE7E;
 
+                                                border: 1px solid #4D6AD5;
 
                                             }
 
 
                                             .title {
 
@@ -705,9 +710,9 @@ onUnmounted(() => {
 
                                                     right: 0px;
 
                                                     width: 70px;
 
                                                     border-radius: 4px;
 
-                                                    border: 1px solid #48D68E;
 
+                                                    border: 1px solid #4D6AD5;
 
                                                     color: #ffffff;
 
-                                                    background-color: #3B3B3B;
 
+                                                    background-color: #4D6AD5;
 
                                                     cursor: pointer
 
                                                 }
 
                                             }

+ 11 - 7
src/views/UpdatePas.vue
Файл харах 

@@ -157,6 +157,8 @@ const loginFun = async () => {
 
         <div class="leave_message">
 
             <!-- <img class="img" src="../assets/zs/community.png" alt=""> -->
 
             <div class="font_blue"> 修改密码 </div>
 
+            <img width="80px" style="position: absolute;left: 100px;bottom: 0;z-index: 11;"
 
+                src="../assets/scale/guo.png" alt="">
 
         </div>
 
         <div class="kply">
 
             <div class="kply_inner">
 
@@ -205,13 +207,13 @@ const loginFun = async () => {
 
 <style lang="scss" scoped>
 
 .home_footer_out {
 
     width: 100%;
 
-    background-color: #000000;
 
+    background-color: #1F2761;
 
 }
 
 
 :deep(.kply_inner .el-input__wrapper) {
 
     align-items: center;
 
     border-radius: 0px !important;
 
-    border: 1px solid #00DE7E !important;
 
+    border: 1px solid #4D6AD5 !important;
 
     padding-left: 20px;
 
     box-shadow: none
 
 }
 
@@ -273,6 +275,8 @@ const loginFun = async () => {
 
     }
 
 
     .leave_message {
 
+        position: relative;
 
+
 
         left: 0;
 
         right: 0;
 
         margin: auto;
 
@@ -282,7 +286,7 @@ const loginFun = async () => {
 
 
         .font_blue {
 
             position: relative;
 
-            color: #00DE7E;
 
+            color: #D31E1B;
 
             font-weight: 700;
 
             font-size: 22px;
 
             font-family: 'Rammetto One-Regular';
 
@@ -320,14 +324,14 @@ const loginFun = async () => {
 
             }
 
 
             .login_top {
 
-                background-color: #3B3B3B;
 
+                background-color: #4D6AD5;
 
                 line-height: 50px;
 
 
                 .des {
 
                     color: #ffffff;
 
                     font-weight: 700;
 
                     margin-left: 50px;
 
-                    background-image: url('../assets/zs/login_line.png');
 
+                    // background-image: url('../assets/zs/login_line.png');
 
                     background-repeat: no-repeat;
 
                     background-size: contain;
 
                     padding-bottom: 6px;
 
@@ -346,9 +350,9 @@ const loginFun = async () => {
 
                     cursor: pointer;
 
                     // width: 100px;
 
                     border-radius: 5px;
 
-                    border: 1px solid #48D68E;
 
+
 
                     color: #ffffff;
 
-                    background-color: #3B3B3B;
 
+                    background-color: #4D6AD5;
 
                     margin-right: 20px;
 
                     padding: 5px 50px;
 
                     cursor: pointer;