修改主题样式

src/styles/vant.scss

@@ -19,7 +19,7 @@
 
 // 修改导航相关样式
 .van-nav-bar {
-  background-color: #fe6347;
+  background-color: #2878ff;
   .van-nav-bar__left {
     .van-icon {
       color: #fff;
@@ -38,9 +38,13 @@
 
 // 修改van-tab的一级导航栏的背景色
 .van-tabs__wrap--scrollable .van-tabs__nav {
-  background-color: #f8e7d7;
+  background-color: #f4f7ff;
   .van-tab--active {
-    color: #fe6347;
+    color: #2878ff;
+  }
+  .van-tabs__line {
+    background-color: #2878ff;
+    width: 40% !important; 
   }
 }
 .van-tabs--line .van-tabs__wrap {
@@ -52,12 +56,20 @@
       font-size: 0.55rem;
       display: block;
       padding: 0.05rem 0.15rem;
+      flex-wrap: nowrap;
+      white-space: nowrap;
     }
   }
   .van-tab--active {
     .van-tab__text {
       color: #fff;
-      background-color: #fe6347;
+      background-color: #2878ff;
+      flex-wrap: nowrap;
+      white-space: nowrap;
     }
   }
+  .van-tabs__line {
+    background-color: #2878ff;
+    width: 35% !important; 
+  }
 }

src/views/home/answer/page-answer-recruit-result.vue

@@ -10,14 +10,14 @@
         <van-button
           class="exam-item-detial-button"
           type="primary"
-          color="#FE6347"
+          color="#2878ff"
           @click="handleBackFun"
           >返回</van-button
         >
         <van-button
           class="exam-item-detial-button"
           type="primary"
-          color="#FE6347"
+          color="#2878ff"
           @click="handleGoOnFun"
           >再来一组</van-button
         >

src/views/home/answer/page-answer-recruit.vue

@@ -76,7 +76,7 @@
             v-show="answerStatus === 0"
             class="exam-question-button"
             type="primary"
-            color="#FE6347"
+            color="#2878ff"
             @click="handleSureFun"
             >确定</van-button
           >
@@ -84,7 +84,7 @@
             v-show="answerStatus === 2"
             class="exam-question-button"
             type="primary"
-            color="#FE6347"
+            color="#2878ff"
             @click="handleNextFun"
             >下一题</van-button
           >
@@ -492,7 +492,7 @@ export default {
         justify-content: space-between;
         align-items: center;
         flex-wrap: nowrap;
-        border-bottom: 1px solid #fe6347;
+        border-bottom: 1px solid #2878ff;
         padding-bottom: 0.25rem;
         height: 1.25rem;
         font-size: 0.65rem;
@@ -503,7 +503,7 @@ export default {
           .exam-question-head-left-icon {
             width: 0.25rem;
             height: 1rem;
-            background-color: #fe6347;
+            background-color: #2878ff;
           }
           .exam-question-head-left-txt {
             margin-left: 0.25rem;
@@ -533,8 +533,8 @@ export default {
           border: 1px solid transparent;
         }
         .exam-question-options-item-checked {
-          border-color: #fe6347;
-          color: #fe6347;
+          border-color: #2878ff;
+          color: #2878ff;
         }
         .exam-question-options-false {
           border-color: red !important;
@@ -551,7 +551,7 @@ export default {
           border: 1px solid transparent;
           &:active,
           &:focus {
-            border-color: #fe6347;
+            border-color: #2878ff;
           }
         }
       }
@@ -575,7 +575,7 @@ export default {
         }
       }
       .exam-question-result {
-        border-bottom: 1px solid #fe6347;
+        border-bottom: 1px solid #2878ff;
         padding-bottom: 0.25rem;
         font-size: 0.6rem;
       }

src/views/home/exam/page-exam-item-detail.vue

@@ -19,14 +19,14 @@
       <van-button
         class="exam-item-detial-button"
         type="primary"
-        color="#FE6347"
+        color="#2878ff"
         @click="handleStartExamFun"
         >开始考试</van-button
       >
       <van-button
         class="exam-item-detial-button"
         type="primary"
-        color="#FE6347"
+        color="#2878ff"
         @click="handleBackFun"
         >返回</van-button
       >

src/views/home/exam/page-exam-item-doing.vue

@@ -101,7 +101,7 @@
           <van-button
             class="exam-question-button"
             type="primary"
-            color="#FE6347"
+            color="#2878ff"
             @click="handleSureFun"
             >确定</van-button
           >
@@ -109,7 +109,7 @@
             v-if="answerIndex + 1 === examQuestionList.length"
             class="exam-question-button"
             type="primary"
-            color="#FE6347"
+            color="#2878ff"
             :disabled="this.timeDiff === '00:00:00'"
             @click="handleSubmitFun"
             >交卷</van-button
@@ -600,7 +600,7 @@ export default {
   font-size: 0.6rem;
   .exam-question-countdown {
     height: 2rem;
-    background-color: #f8e7d7;
+    background-color: #f4f7ff;
     display: flex;
     justify-content: flex-end;
     align-items: center;
@@ -639,11 +639,11 @@ export default {
       }
     }
     .exam-question-item-down {
-      background-color: #f8e7d7;
+      background-color: #f4f7ff;
     }
     .exam-question-item-on {
-      border-color: #fe6347;
-      color: #fe6347;
+      border-color: #2878ff;
+      color: #2878ff;
     }
   }
   .exam-question-div {
@@ -658,7 +658,7 @@ export default {
         justify-content: space-between;
         align-items: center;
         flex-wrap: nowrap;
-        border-bottom: 1px solid #fe6347;
+        border-bottom: 1px solid #2878ff;
         padding-bottom: 0.25rem;
         height: 1.25rem;
         font-size: 0.65rem;
@@ -669,7 +669,7 @@ export default {
           .exam-question-head-left-icon {
             width: 0.25rem;
             height: 1rem;
-            background-color: #fe6347;
+            background-color: #2878ff;
           }
           .exam-question-head-left-txt {
             margin-left: 0.25rem;
@@ -699,8 +699,8 @@ export default {
           border: 1px solid transparent;
         }
         .exam-question-options-item-checked {
-          border-color: #fe6347;
-          color: #fe6347;
+          border-color: #2878ff;
+          color: #2878ff;
         }
       }
       .exam-question-gapFilling {
@@ -713,7 +713,7 @@ export default {
           border: 1px solid transparent;
           &:active,
           &:focus {
-            border-color: #fe6347;
+            border-color: #2878ff;
           }
         }
       }

src/views/home/exam/page-exam-item-result.vue

@@ -7,7 +7,7 @@
       <van-button
         class="exam-item-detial-button"
         type="primary"
-        color="#FE6347"
+        color="#2878ff"
         @click="handleBackFun"
         >返回</van-button
       >

src/views/home/index.vue

@@ -12,7 +12,7 @@
     </transition>
     <van-tabbar
       v-model="activeTabName"
-      active-color="#F2674E"
+      active-color="#2878ff"
       inactive-color="#808080"
       @change="onChange"
     >

src/views/home/learn/page-learn-child.vue

@@ -31,7 +31,7 @@
                 <div>
                   {{
                     formateDateTimeFun(contentItem.createdTime) ||
-                    contentItem.createdTime
+                      contentItem.createdTime
                   }}
                 </div>
                 <div>
@@ -145,7 +145,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      color: #fe6347;
+      color: #2878ff;
     }
   }
 }

src/views/home/learn/page-learn-content.vue

@@ -79,7 +79,7 @@
               {{ item.content }}
             </div>
             <div class="learn-content-comment-item-createdtime">
-              {{ item.createdTime }}
+              {{ formateDateTimeFun(item.createdTime) || item.createdTime }}
             </div>
           </div>
         </div>
@@ -353,7 +353,7 @@ export default {
       .learn-content-comment-title-icon {
         width: 0.15rem;
         height: 100%;
-        background-color: #fe6347;
+        background-color: #2878ff;
       }
       span {
         font-size: 0.7rem;