浏览代码

修改用户端--基本样式问题

plg 5 月之前
父节点
当前提交
c847523496

二进制
src/assets/home/bg_ty.png


二进制
src/assets/home/bg_ty1.png


+ 4 - 4
src/components/CpmdHeader.vue

@@ -153,14 +153,14 @@ const formatterName = (val: string) => {
     text-align: center;
     color: #222222;
     font-weight: 700;
-    font-size: 30px;
+    font-size: 20px;
     letter-spacing: 3px;
 }
 
 .exit_login_info {
     text-align: center;
     letter-spacing: 3px;
-    font-size: 24px;
+    font-size: 18px;
     margin-top: 20px;
 }
 
@@ -179,7 +179,7 @@ const formatterName = (val: string) => {
         color: #ffffff;
         background-color: #000000;
         // margin-right: 20px;
-        padding: 8px 60px;
+        padding: 5px 50px;
         cursor: pointer;
         display: flex;
         align-items: center;
@@ -292,7 +292,7 @@ const formatterName = (val: string) => {
             background-color: #ffffff;
             bottom: -105px;
             margin-left: calc(10% - 20px);
-
+            z-index: 200;
             color: #000000;
 
             .update_pass {

+ 1 - 1
src/views/Cognize.vue

@@ -213,7 +213,7 @@ onUnmounted(() => {
     background-image: url('../assets/home/bg_ty.png');
     background-repeat: no-repeat;
     background-size: contain;
-    background-color: #FAFAFA; //估计是需要动态
+    background-color: #B3F1DA; //估计是需要动态
 
     .home_header_inner {
         min-height: 1;

+ 1 - 1
src/views/Community.vue

@@ -629,7 +629,7 @@ label {
     background-image: url('../assets/home/bg_ty.png');
     background-repeat: no-repeat;
     background-size: contain;
-    background-color: #FAFAFA; //估计是需要动态
+    background-color: #B3F1DA; //估计是需要动态
 
     //获取屏幕宽度home_header_out 这个div的宽度--然后宽度*1000再除1920即为当前div的宽度
     .home_header_inner {

+ 1 - 1
src/views/Login.vue

@@ -171,7 +171,7 @@ const loginFun = async () => {
     background-size: 100% auto;
 
     // background-size: auto 100%;
-    background-color: #FAFAFA; //估计是需要动态
+    background-color: #B3F1DA; //估计是需要动态
     flex: 1;
 
     //获取屏幕宽度home_header_out 这个div的宽度--然后宽度*1000再除1920即为当前div的宽度

+ 1 - 1
src/views/Plan.vue

@@ -447,7 +447,7 @@ onUnmounted(() => {
     background-image: url('../assets/home/bg_ty.png');
     background-repeat: no-repeat;
     background-size: contain;
-    background-color: #FAFAFA;
+    background-color: #B3F1DA;
 
     //获取屏幕宽度home_header_out 这个div的宽度--然后宽度*1000再除1920即为当前div的宽度
     .home_header_inner {

+ 3 - 2
src/views/PopularizationScience.vue

@@ -196,7 +196,7 @@ onUnmounted(() => {
         </div>
         <div class="kply">
             <div class="kply_inner">
-                <div style="padding:10px 0px;width: 100%;display: flex;flex-wrap: wrap;">
+                <div style="padding:10px 0px;width: 100%;display: flex;flex-wrap: wrap;padding-bottom:20px">
                     <div v-for="item in moreList" :key="item.id" class="out">
                         <img class="poster" :src="requireImg(item.poster)">
                         <div class="des">
@@ -267,7 +267,7 @@ onUnmounted(() => {
     background-image: url('../assets/home/bg_ty.png');
     background-repeat: no-repeat;
     background-size: contain;
-    background-color: #FAFAFA; //估计是需要动态
+    background-color: #B3F1DA; //估计是需要动态
 
 
     .home_header_inner {
@@ -339,6 +339,7 @@ onUnmounted(() => {
 
                             padding: 8px 30px;
                             cursor: pointer;
+                            margin-bottom: 5px;
                             // display: flex;
                             align-items: center;
                         }

+ 1 - 1
src/views/Register.vue

@@ -441,7 +441,7 @@ onUnmounted(() => {
     background-image: url('../assets/home/bg_ty.png');
     background-repeat: no-repeat;
     background-size: contain;
-    background-color: #FAFAFA; //估计是需要动态
+    background-color: #B3F1DA; //估计是需要动态
 
     //获取屏幕宽度home_header_out 这个div的宽度--然后宽度*1000再除1920即为当前div的宽度
     .home_header_inner {

+ 1 - 1
src/views/Report.vue

@@ -315,7 +315,7 @@ onUnmounted(() => {
     background-image: url('../assets/home/bg_ty.png');
     background-repeat: no-repeat;
     background-size: contain;
-    background-color: #FAFAFA; //估计是需要动态
+    background-color: #B3F1DA; //估计是需要动态
 
     //获取屏幕宽度home_header_out 这个div的宽度--然后宽度*1000再除1920即为当前div的宽度
     .home_header_inner {

+ 1 - 1
src/views/Scale.vue

@@ -603,7 +603,7 @@ onUnmounted(() => {
     background-image: url('../assets/home/bg_ty.png');
     background-repeat: no-repeat;
     background-size: contain;
-    background-color: #FAFAFA; //估计是需要动态
+    background-color: #B3F1DA; //估计是需要动态
 
     //获取屏幕宽度home_header_out 这个div的宽度--然后宽度*1000再除1920即为当前div的宽度
     .home_header_inner {

+ 1 - 1
src/views/ScaleDetail.vue

@@ -206,7 +206,7 @@ const startText = () => {
     background-image: url('../assets/home/bg_ty.png');
     background-repeat: no-repeat;
     background-size: contain;
-    background-color: #FAFAFA; //估计是需要动态
+    background-color: #B3F1DA; //估计是需要动态
 
     .home_header_inner {
         min-height: 1;

+ 1 - 1
src/views/TestRecord.vue

@@ -282,7 +282,7 @@ onUnmounted(() => {
     background-repeat: no-repeat;
     background-size: contain;
     flex: 1;
-    background-color: #FAFAFA; //估计是需要动态
+    background-color: #B3F1DA; //估计是需要动态
 
     //获取屏幕宽度home_header_out 这个div的宽度--然后宽度*1000再除1920即为当前div的宽度
     .home_header_inner {

+ 1 - 1
src/views/UpdatePas.vue

@@ -199,7 +199,7 @@ const loginFun = async () => {
     background-image: url('../assets/home/bg_ty.png');
     background-repeat: no-repeat;
     background-size: 100% auto;
-    background-color: #FAFAFA; //估计是需要动态
+    background-color: #B3F1DA; //估计是需要动态
     flex: 1;
 
     //获取屏幕宽度home_header_out 这个div的宽度--然后宽度*1000再除1920即为当前div的宽度