修改用户端样式

src/components/CpmdHeader.vue

@@ -260,7 +260,7 @@ const formatterName = (val: string) => {
         div {
             color: #48D68E;
             font-weight: 700;
-            font-size: 24px;
+            font-size: 26px;
             -webkit-transform: skew(-10deg);
             letter-spacing: 2px;
             /* for Chrome||Safari */

src/views/Cognize.vue

@@ -93,7 +93,7 @@ onUnmounted(() => {
         <div class=" home_header_inner">
             <CpmdHeader />
             <div style="text-align: center;">
-                <img class="xlts_img" style="margin-top:20px" src="../assets/home/other_text.png" />
+                <!-- <img class="xlts_img" style="margin-top:20px" src="../assets/home/other_text.png" /> -->
             </div>
         </div>
         <div class="kply">
@@ -144,8 +144,8 @@ onUnmounted(() => {
                             <div @click="viewPDF">测试手册</div>
                         </div>
                         <div class="pdf_sc">
-                            <img @click="viewPDF" width="40px" src="../assets/cognize/yan.png">
-                            <div @click="viewPDF" class="view">预览</div>
+                            <!-- <img @click="viewPDF" width="40px" src="../assets/cognize/yan.png">
+                            <div @click="viewPDF" class="view">预览</div> -->
                         </div>
                     </div>
                     <div class="reference_cla" v-if="cognizeDetail.reference">
@@ -172,7 +172,7 @@ onUnmounted(() => {
                 </div>
             </div>
         </div>
-        <el-dialog v-model="centerDialogVisible" title="预览" width="70%" top="5vh" center>
+        <el-dialog v-model="centerDialogVisible" title="预览" width="90%" top="2vh" center>
             <span>
                 <!-- :src="requireImg('../assets/cognize/goNogo.pdf')" -->
                 <!-- <embed width="100%" height=500px v-show="num == '3'" src='../assets/cognize/goNogo.pdf'>
@@ -181,7 +181,7 @@ onUnmounted(() => {
 
                 <!-- <embed width="100%" height=500px v-show="num == '3'" :src="pdf3">
                 </embed> -->
-                <embed width="100%" height=600px :src="requireImg('dtc')">
+                <embed width="100%" height=700px :src="requireImg('dtc')">
                 </embed>
                 <!-- <embed width="100%" height=500px v-show="num == '4'" :src="pdf4">
                 </embed> -->

src/views/Community.vue

@@ -361,7 +361,7 @@ onUnmounted(() => {
         <div class=" home_header_inner">
             <CpmdHeader />
             <div style="text-align: center;">
-                <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" />
+                <!-- <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" /> -->
             </div>
         </div>
         <div class="kply">
@@ -671,7 +671,7 @@ label {
                 .kepu_title_des {
                     font-family: Alibaba PuHuiTi 2.0;
                     font-weight: 600;
-                    font-size: 22px;
+                    font-size: 20px;
                     color: #000000;
                 }
 

src/views/HomeView.vue

@@ -171,8 +171,11 @@ const planNumGet = async () => {
   <div class="home_header_out" ref="homeHeaderOut">
     <div class="home_header_inner">
       <CpmdHeader />
-      <div :style="{ height: xlts + 'px' }">
-        <img class="xlts_img" style="margin-top:40px" src="../assets/home/home_text.png" />
+      <!-- <div :style="{ height: xlts + 'px' }"> -->
+      <!-- <div :style="{ height: xlts + 'px' }"> -->
+      <div style="height:calc(100vh - 80px)">
+        <!-- <img class="xlts_img" style="margin-top:40px" src="../assets/home/home_text.png" /> -->
+        <img class="xlts_img" style="margin-top:40px;visibility:hidden;" src="../assets/home/home_text.png" />
         <div class="chart_student">
           <div class="student1_group">
             <img class="student1_text" v-show="flag_text == 1" src="../assets/home/student1_text.png" />
@@ -375,7 +378,7 @@ const planNumGet = async () => {
   // height: 600px;
   background-image: url('../assets/home/header_bg.png');
   background-repeat: no-repeat;
-  background-size: contain;
+  background-size: 100% 100vh;
 
   // height: 106.667vw;
   // height: 41.667vw;
@@ -457,9 +460,11 @@ const planNumGet = async () => {
     margin: auto;
     // height: 100px;
     width: 1200px;
+    height: 100vh;
 
     .xlts_img {
       height: calc(36% - 40px);
+      // height: 80px;
       //还剩百分之64%
       // width: 100%;
     }
@@ -525,7 +530,7 @@ const planNumGet = async () => {
         position: absolute;
         bottom: 11%;
         left: 62%; // w
-        height: 35%;
+        height: 32%;
       }
 
       .student3_text {
@@ -541,7 +546,7 @@ const planNumGet = async () => {
         position: absolute;
         bottom: 30%;
         left: 89%; // w
-        height: 36%;
+        height: 32%;
       }
 
       .student4_text {
@@ -630,7 +635,7 @@ const planNumGet = async () => {
   .kepu_title {
     text-align: center;
 
-    font-size: 30px;
+    font-size: 22px;
     color: #111111;
     line-height: 40px;
     display: block;

src/views/Login.vue

@@ -201,7 +201,7 @@ const loginFun = async () => {
             .report_jt {
                 display: flex;
                 flex-direction: column;
-                font-size: 22px;
+                font-size: 20px;
                 font-weight: 700;
                 letter-spacing: 3px;
             }
@@ -227,7 +227,7 @@ const loginFun = async () => {
             border-radius: 40px;
 
             .user_account {
-                font-size: 20px;
+                font-size: 18px;
                 // line-height: 70px;
                 margin-bottom: 10px;
                 letter-spacing: 5px;

src/views/Plan.vue

@@ -237,7 +237,7 @@ onUnmounted(() => {
         <div class=" home_header_inner">
             <CpmdHeader />
             <div style="text-align: center;">
-                <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" />
+                <!-- <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" /> -->
             </div>
         </div>
         <div class="kply">
@@ -534,7 +534,7 @@ onUnmounted(() => {
 
                 span {
                     margin-left: 20px;
-                    font-size: 28px;
+                    font-size: 22px;
                     font-weight: 700;
                     letter-spacing: 3px;
                 }
@@ -551,7 +551,7 @@ onUnmounted(() => {
                 span {
                     color: #000000;
                     opacity: 0.4;
-                    font-size: 20px;
+                    font-size: 18px;
                 }
 
                 div {
@@ -719,7 +719,7 @@ onUnmounted(() => {
                         .content_title {
                             margin-bottom: 0px;
                             font-weight: 700;
-                            font-size: 18px;
+                            font-size: 20px;
                         }
 
                         .content_one {

src/views/PopularizationScience.vue

@@ -191,7 +191,7 @@ onUnmounted(() => {
         <div class=" home_header_inner">
             <CpmdHeader />
             <div style="text-align: center;">
-                <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" />
+                <!-- <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" /> -->
             </div>
         </div>
         <div class="kply">

src/views/Register.vue

@@ -470,7 +470,7 @@ onUnmounted(() => {
             .report_jt {
                 display: flex;
                 flex-direction: column;
-                font-size: 22px;
+                font-size: 20px;
                 font-weight: 700;
                 letter-spacing: 3px;
             }
@@ -493,7 +493,7 @@ onUnmounted(() => {
             border-radius: 40px;
 
             .user_account {
-                font-size: 20px;
+                font-size: 18px;
                 // line-height: 70px;
                 margin-bottom: 10px;
                 letter-spacing: 5px;

src/views/Report.vue

@@ -256,7 +256,7 @@ onUnmounted(() => {
                                 <div class="score" v-if="reportData.length > 0">{{ reportData[0].dimensionScore }}</div>
                             </div>
                             <div class="totol_result_des" v-if="reportData.length > 0">
-                                结论：{{ reportData[0].dimensionConclusion }}，{{ reportData[0].dimensionAnalysis }}
+                                结论：{{ reportData[0].dimensionAnalysis }}
                             </div>
                         </div>
                         <div class="report_echarts_out">
@@ -337,7 +337,7 @@ onUnmounted(() => {
             align-items: center;
 
             .xlts_img {
-                width: 100px;
+                width: 50px;
             }
 
             .report_jt {
@@ -396,7 +396,7 @@ onUnmounted(() => {
                 }
 
                 .totol_result_des {
-                    font-size: 20px;
+                    font-size: 18px;
                     margin-left: 50px;
                     letter-spacing: 3px;
                     line-height: 30px;

src/views/Scale.vue

@@ -625,8 +625,8 @@ onUnmounted(() => {
             margin-bottom: 0px;
 
             .xlts_img {
-                margin-right: 100px;
-                width: 100px;
+                margin-right: 60px;
+                // width: 100px;
             }
 
             .report_jt {

src/views/ScaleDetail.vue

@@ -143,7 +143,7 @@ const startText = () => {
         <div class=" home_header_inner">
             <CpmdHeader />
             <div style="text-align: center;">
-                <img class="xlts_img" style="margin-top:20px" src="../assets/home/other_text.png" />
+                <!-- <img class="xlts_img" style="margin-top:20px" src="../assets/home/other_text.png" /> -->
             </div>
         </div>
         <div class="kply">

src/views/TestRecord.vue

@@ -166,7 +166,7 @@ onUnmounted(() => {
         <div class=" home_header_inner">
             <CpmdHeader />
             <div style="text-align: center;">
-                <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" />
+                <!-- <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" /> -->
             </div>
         </div>
         <div class="kply">
@@ -312,7 +312,7 @@ onUnmounted(() => {
 
             background-color: #ffffff;
             border-radius: 40px;
-            margin-bottom: 20px;
+            // margin-bottom: 20px;
 
             // height: 1000px;
             .infinite-list-wrapper {

src/views/UpdatePas.vue

@@ -136,21 +136,21 @@ const loginFun = async () => {
         </div>
         <div class="kply">
             <div class="kply_inner">
-                <div style="padding: 20px 200px;">
+                <div style="padding: 20px 100px;">
 
-                    <div style="margin-top:20px">
+                    <div style="margin-top:10px">
                         <div class="user_account">当前密码:</div>
                         <div class="input_cus"> <el-input v-model="currentPass" type="password" show-password
                                 style="width: 100%" placeholder="请输入密码" />
                         </div>
                     </div>
-                    <div style="margin-top:20px">
+                    <div style="margin-top:10px">
                         <div class="user_account">新密码:</div>
                         <div><el-input v-model="password" type="password" style="width: 100%" placeholder="请输入密码"
                                 show-password />
                         </div>
                     </div>
-                    <div style="margin-top:20px">
+                    <div style="margin-top:10px">
                         <div class="user_account">确认密码:</div>
                         <div><el-input v-model="comPassword" type="password" style="width: 100%" placeholder="请输入密码"
                                 show-password />
@@ -176,7 +176,7 @@ const loginFun = async () => {
 :deep(.el-input__wrapper) {
     align-items: center;
     border-radius: 60px !important;
-    border: 8px solid #B2F2D2 !important;
+    border: 2px solid #B2F2D2 !important;
     padding-left: 20px;
 
 }
@@ -186,8 +186,8 @@ const loginFun = async () => {
 }
 
 :deep(.el-input__inner) {
-    height: 40px;
-    font-size: 20px;
+    height: 36px;
+    font-size: 16px;
 }
 
 
@@ -198,8 +198,9 @@ const loginFun = async () => {
     min-width: 1200px;
     background-image: url('../assets/home/bg_ty.png');
     background-repeat: no-repeat;
-    background-size: contain;
+    background-size: 100% auto;
     background-color: #FAFAFA; //估计是需要动态
+    flex: 1;
 
     //获取屏幕宽度home_header_out 这个div的宽度--然后宽度*1000再除1920即为当前div的宽度
     .home_header_inner {
@@ -212,13 +213,13 @@ const loginFun = async () => {
 
 
         .report_top {
-            width: 860px;
-            margin-left: 170px;
+            width: 650px;
             margin-top: 20px;
             display: flex;
             flex-direction: row;
             justify-content: space-between;
             align-items: center;
+            margin-left: 285px;
 
             .xlts_img {
                 width: 200px;
@@ -227,7 +228,7 @@ const loginFun = async () => {
             .report_jt {
                 display: flex;
                 flex-direction: column;
-                font-size: 40px;
+                font-size: 20px;
                 font-weight: 700;
                 letter-spacing: 3px;
             }
@@ -236,8 +237,8 @@ const loginFun = async () => {
 
     .kply {
         width: 100%;
-        margin-top: 40px;
-        margin-bottom: 78px;
+        margin-top: 20px;
+        // margin-bottom: 78px;
         // background-color: #FAFAFA;
 
         .kply_inner {
@@ -245,14 +246,14 @@ const loginFun = async () => {
             left: 0;
             right: 0;
             margin: auto;
-            width: 860px;
-            min-height: 500px;
+            width: 650px;
+            // min-height: 500px;
 
             background-color: #ffffff;
             border-radius: 40px;
 
             .user_account {
-                font-size: 20px;
+                font-size: 18px;
                 // line-height: 70px;
                 margin-bottom: 10px;
                 letter-spacing: 5px;
@@ -274,11 +275,11 @@ const loginFun = async () => {
                     color: #ffffff;
                     background-color: #000000;
                     margin-right: 20px;
-                    padding: 10px 90px;
+                    padding: 5px 50px;
                     cursor: pointer;
                     display: flex;
                     align-items: center;
-                    font-size: 20px;
+                    font-size: 16px;
 
                 }
             }