首页改版2

src/pages/carVideo/components/tabCenter.vue

@@ -6,7 +6,14 @@
       v-for="(item, index) in centerList"
       :key="index"
     >
-      <image class="center-img" :src="item.img"></image>
+      <div :style="{'background':index==0?'#8AE6C7':'#B1CEFF'}" class="center-circle">
+        <image class="center-img" :src="item.img"></image>
+        
+        <view style="width: 100%;"
+          ><text style="color:#0A6345" v-if="index == 0">{{ "精选考题 \n500题" }}</text
+          ><text style="color:#174087" v-if="index == 1">{{ "模拟考试 \n仿真题目" }}</text></view
+        >
+      </div>
     </view>
   </view>
 </template>
@@ -83,16 +90,29 @@ export default {
   flex-direction: column;
   width: 300rpx;
   margin-top: 80rpx;
+  .center-circle {
+    width: 240rpx;
+    height: 240rpx;
+    border-radius: 50%;
 
+    font-size: 28rpx;
+    display: flex;
+    align-items: center;
+    align-content: center;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
   .center-item {
     position: relative;
     margin-bottom: 100rpx;
     color: #fff;
     text-align: center;
+    display: flex;
+    justify-content: center;
   }
   .center-img {
-    width: 300rpx;
-    height: 300rpx;
+    width: 74rpx;
+    height: 82rpx;
   }
   .center-text {
     position: absolute;

src/pages/carVideo/components/userInfoHead.vue

@@ -7,7 +7,7 @@
         :src="userData.headImage"
       ></image>
       <image class="headImage" v-else :src="unLoginHead"></image>
-      <view style="margin-left: 10px" class="">{{
+      <view style="margin-left: 10px;color:#fff" class="">{{
         userData.nickName ? userData.nickName : "新用户"
       }}</view>
     </view>

src/pages/carVideo/index.vue

@@ -137,7 +137,7 @@
           class="subject-tabs"
         >
           <span v-if="active == 0">科目一</span>
-          <span style="color: #498ef5" v-else>科目一</span>
+          <span style="color: #89E6A3" v-else>科目一</span>
         </view>
         <view
           @click="
@@ -149,7 +149,7 @@
           class="subject-tabs"
         >
           <span v-if="active == 1">科目四</span>
-          <span style="color: #498ef5" v-else>科目四</span>
+          <span style="color:#89E6A3" v-else>科目四</span>
         </view>
       </view>
     </view>
@@ -345,57 +345,57 @@ export default {
     //科目一
     rightList1: [
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/LocalTopics@2x.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/LocalTopics@2x.png",
         text: "地方专题",
         path: "/otherPages/classifyArea/index",
       },
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/WrongTopicCollection@2x.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/WrongTopicCollection@2x.png",
         text: "错题·收藏",
         path: "/otherPages/collection/index",
       },
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/NotesBeforeExamination@2x.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/NotesBeforeExamination@2x.png",
         text: "考前须知",
         path: "/otherPages/marked/index?markdown=考前须知",
       },
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/learnToSee@2x.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/learnToSee@2x.png",
         text: "学车必看",
         path: "/otherPages/marked/index?markdown=学车必看",
       },
     ],
     centerList1: [
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/selectedTestQuestions@2x.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/selectedTestQuestions@2x.png",
         text: "精选考题",
         path: "/otherPages/classifyChoose/index",
       },
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/simulationTestTopics@2x.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/simulationTestTopics@2x.png",
         text: "模拟考试",
         path: "/otherPages/beforeMockExam/index",
       },
     ],
     leftList1: [
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/sequentialPractice@2x.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/sequentialPractice@2x.png",
         text: "顺序练习",
         path: "/otherPages/classifyOrder/index",
       },
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/classificationExercise@2x.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/classificationExercise@2x.png",
         text: "分类练习",
         path: "/otherPages/classifyKind/index",
       },
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/newRulesPaper@2x.png",
-        text: "新规秘卷",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/trueExamMock.png",
+        text: "真实考场模拟",
         path: "/otherPages/selectRulePaper/index",
       },
 
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/simulationResults@2x.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/simulationResults@2x.png",
         text: "模拟成绩",
         path: "/otherPages/testScores/index",
       },
@@ -467,17 +467,17 @@ export default {
         title: "C1/C2/C3",
       },
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/kc.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/kc_white@2x.png",
         typeName: "客车",
         title: "A1/A3/B1",
       },
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/hc.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/hc_white@2x.png",
         typeName: "货车",
         title: "A2/B2",
       },
       {
-        img: "https://ndata.zzxcx.net/ctjk/mp-wx/carVideo/mtc.png",
+        img: "https://ndata.zzxcx.net/jklsj/xcx/mtc_white@2x.png",
         typeName: "摩托车",
         title: "D/E/F",
       },
@@ -699,27 +699,28 @@ export default {
   margin-top: 40rpx;
 
   .subject-tab {
-    width: 546rpx;
-    height: 80rpx;
-    background: #e3edfc;
-    border-radius: 46rpx;
+    width: 494rpx;
+    height: 64rpx;
+    background: #e0f2e5;
+
+    border-radius: 36rpx;
     position: relative;
     display: flex;
 
     .subject-tabs {
       width: 50%;
       height: 100%;
-      line-height: 80rpx;
+      line-height: 64rpx;
       color: #fff;
       text-align: center;
-      font-size: 40rpx;
+      font-size: 30rpx;
       z-index: 11;
     }
 
     .subject-slider {
-      border-radius: 46rpx;
-      background: -webkit-linear-gradient(left, #26a1ee, #498ef5);
-      width: 300rpx;
+      border-radius: 20px 0px 20px 0px;
+      background: #3ac770;
+      width: 244rpx;
       height: 100%;
       position: absolute;
 
@@ -823,18 +824,14 @@ swiper-item {
 }
 .carType {
   width: 706rpx;
-  height: 152rpx;
+  height: 172rpx;
 
   margin: 0 auto;
   display: flex;
   flex-direction: row;
-  margin-top: 32rpx;
+  margin-top: 22rpx;
   justify-content: space-between;
 
-  .col_selected {
-   opacity: 0.75;
-  }
-
   .col {
     width: 144rpx;
     height: 100%;
@@ -843,15 +840,15 @@ swiper-item {
     align-items: center;
     align-content: center;
     justify-content: center;
-
+    opacity: 0.55;
     .carType-img0 {
       width: 72rpx;
       height: 72rpx;
     }
 
     .carType-img1 {
-      width: 108rpx;
-      height: 56rpx;
+      width: 72rpx;
+      height: 72rpx;
     }
 
     .carType-img2 {
@@ -865,7 +862,7 @@ swiper-item {
     }
 
     .carType-typeName {
-         color: #fff;
+      color: #fff;
       font-size: 26rpx;
     }
 
@@ -874,6 +871,9 @@ swiper-item {
       font-size: 26rpx;
     }
   }
+  .col_selected {
+    opacity: 1;
+  }
 }
 
 .point {