Quellcode durchsuchen

修改新样式

plg vor 2 Monaten
Ursprung
Commit
c3304989b3

BIN
src/assets/home/01student.png


BIN
src/assets/home/02student.png


BIN
src/assets/home/03student.png


+ 2 - 1
src/components/CpmdQuestionnaire.vue

@@ -187,7 +187,8 @@ defineExpose({ open })
 </script>
 <template>
     <div class="wjdc">
-        <el-dialog v-model="dialogVisible" title="" width="600px" top="15vh" style="padding:0px;border-radius: 40px;">
+        <el-dialog v-model="dialogVisible" title="" width="600px" top="15vh"
+            style="padding:0px;border-bottom-left-radius: 40px; border-bottom-right-radius: 40px;border-top-left-radius: 45px; border-top-right-radius: 45px;">
             <template #header>
                 <div style="text-align: left;font-weight: 700;color: #ffffff;line-height: 60px;margin-left: 20px;">
                     <span class="wj_title">问卷填写</span>

+ 17 - 7
src/views/HomeView.vue

@@ -244,7 +244,7 @@ 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 class="bg_jieya">
         </div>
       </div>
       <div class="home_mid_plan" v-show="isNeed" @click="openSquare" ref="plan_jihua">
@@ -260,6 +260,16 @@ const brightStatusLevel = () => {
 
 </template>
 <style lang="scss" scoped>
+.bg_jieya {
+  height: 100px;
+  // background-color: #00CD74;
+  position: absolute;
+  width: 100%;
+  z-index: -1;
+  top: 200px;
+  background: linear-gradient(to right, #49DFFE, #FF0DBB);
+}
+
 html,
 body {
   margin: 0;
@@ -310,9 +320,9 @@ body {
     display: inline-flex;
     padding-top: 40px;
     font-size: 32px;
-    color: #00DE7E;
+    color: #30D5DD;
     font-weight: 700;
-    background: url(../assets/home/01.png) no-repeat;
+    background: url(../assets/home/01student.png) no-repeat;
     background-size: auto 72px;
     background-position: center;
   }
@@ -337,9 +347,9 @@ body {
     display: inline-flex;
     padding-top: 40px;
     font-size: 32px;
-    color: #00DE7E;
+    color: #30D5DD;
     font-weight: 700;
-    background: url(../assets/home/02.png) no-repeat;
+    background: url(../assets/home/02student.png) no-repeat;
     background-size: auto 72px;
     background-position: center;
   }
@@ -349,9 +359,9 @@ body {
     display: inline-flex;
     padding-top: 40px;
     font-size: 32px;
-    color: #00DE7E;
+    color: #30D5DD;
     font-weight: 700;
-    background: url(../assets/home/03.png) no-repeat;
+    background: url(../assets/home/03student.png) no-repeat;
     background-size: auto 72px;
     background-position: bottom;
   }