买视频课程刚创建

src/otherPages/buyVideo/index.vue

@@ -0,0 +1,20 @@
+<template>
+    <div>
+
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+              
+            }
+        },
+        
+    }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/otherPages/collection/index.vue

@@ -1,13 +1,19 @@
 <template>
   <div class="collection-box">
-    <div>
+    <view>
       <img class="collectionHeader" mode="widthFix" :src="collectionHeader" />
-    </div>
-    <div class="choose">
-      <div class="choose-img" @click="goExercise('wrong')">
+    </view>
+    <view class="choose">
+      <view
+        class="choose-img"
+        style="
+          background-image: url('https://ct.zzxcx.net/ctjk/mp-wx/collection/wrongBg1.png');
+        "
+        @click="goExercise('wrong')"
+      >
         <span class="choose-text1"> 做错题 </span>
-        <span class="choose-text2"> 共 {{ wrongListCount }} 题 </span>
-        <image mode="widthFix" class="bg" :src="wrongBg" />
+        <view class="choose-text2"> 共 {{ wrongListCount }} 题 </view>
+
         <image mode="widthFix" class="goArrow" :src="goArrow" />
         <view
           :hover-stop-propagation="true"
@@ -18,11 +24,17 @@
         >
           清空错题
         </view>
-      </div>
-      <div class="choose-img" @click="goExercise('collect')">
+      </view>
+      <view
+        class="choose-img"
+        style="
+          background-image: url('https://ct.zzxcx.net/ctjk/mp-wx/collection/collectionBg1.png');
+        "
+        @click="goExercise('collect')"
+      >
         <span class="choose-text1">收藏题</span>
         <span class="choose-text2"> 共 {{ collectionListCount }} 题 </span>
-        <image mode="widthFix" class="bg" :src="collectionBg" />
+
         <image mode="widthFix" class="goArrow" :src="goArrow" />
         <view
           :hover-stop-propagation="true"
@@ -33,11 +45,18 @@
         >
           清空收藏
         </view>
-      </div>
-    </div>
-    <div class="bottom">
+      </view>
+    </view>
+    <view class="wxad">
+      <ad
+        :ad-intervals="100"
+        ad-type="video"
+        unit-id="adunit-8eb44bbd7e3147d4"
+      ></ad>
+    </view>
+    <!-- <div class="bottom">
       <image mode="widthFix" :src="collectionBottomBg" />
-    </div>
+    </div> -->
     <!-- <van-swipe ref="swiper" :show-indicators="false" :touchable="false">
       <van-swipe-item> <listCom type="wrong" /> </van-swipe-item>
       <van-swipe-item> <listCom type="collection" /> </van-swipe-item>
@@ -46,21 +65,18 @@
 </template>
 
 <script>
-import goArrow from "@/assets/img/goArrow.png";
 import api from "@/api/index";
 import utils from "@/utils/index";
 export default {
   data() {
     return {
-      wrongBg:
-        "https://ct.zzxcx.net/ctjk/mp-wx/collection/wrongBg.png",
+      wrongBg: "https://ct.zzxcx.net/ctjk/mp-wx/collection/wrongBg.png",
       collectionBottomBg:
         "https://ct.zzxcx.net/ctjk/mp-wx/collection/collectionBottomBg.png",
-      goArrow,
+      goArrow: "https://ct.zzxcx.net/ctjk/mp-wx/collection/right_arrow.png",
       collectionBg:
         "https://ct.zzxcx.net/ctjk/mp-wx/collection/collectionBg.png",
-      collectionHeader:
-        "https://ct.zzxcx.net/ctjk/mp-wx/collection/collectionHeader.png",
+      collectionHeader: "https://ct.zzxcx.net/ctjk/mp-wx/carVideo/banner.png",
       query: {
         questionIds: "",
       },
@@ -169,7 +185,7 @@ export default {
                 .then((res) => {
                   api.exam
                     .studentQuestionCollectionCollectionCountByUser({
-                      carType:  that.gsMap[that.query.gs],
+                      carType: that.gsMap[that.query.gs],
                       km: that.query.subject === "1" ? "科目一" : "科目四",
                       pageNum: 1,
                       pageSize: 10000,
@@ -197,16 +213,18 @@ export default {
 .choose {
   width: 100%;
   display: flex;
-  justify-content: center;
+  justify-content: space-between;
   align-content: space-between;
   align-items: space-between;
   flex-wrap: wrap;
-  transform: translate(0%, -8%);
+  margin-top: 70rpx;
 
   .choose-img {
-    width: 690rpx;
+    width: 334rpx;
     position: relative;
     margin-bottom: 25rpx;
+    height: 548rpx;
+    background-size: 100%;
     .bg {
       width: 690rpx;
     }
@@ -226,9 +244,10 @@ export default {
     }
     .goArrow {
       position: absolute;
-      top: 64rpx;
+      top: 44rpx;
       right: 40rpx;
-      width: 146rpx;
+      width: 56rpx;
+      height: 56rpx;
     }
     .choose-text1 {
       position: absolute;
@@ -236,12 +255,15 @@ export default {
       color: #fff;
       left: 40rpx;
       top: 40rpx;
+      color: #004e81;
     }
     .choose-text2 {
       position: absolute;
       top: 112rpx;
       left: 44rpx;
-      color: #fff;
+      color: #1477b4;
+      width: 100%;
+      font-size: 38rpx;
     }
     img {
       width: 100%;
@@ -255,5 +277,6 @@ export default {
   height: 100vh;
   display: flex;
   flex-direction: column;
+  padding: 0 30rpx;
 }
 </style>

src/pages.json

@@ -215,6 +215,12 @@
           "path": "marked/index",
           "styles": {}
         },
+        {
+          "path": "buyVideo/index",
+          "styles": {
+            "navigationStyle":"custom"
+          }
+        },
    
         {
           "path": "userInfoAuth/index",
@@ -297,7 +303,10 @@
         },
         {
           "path": "collection/index",
-          "style": {}
+          "style": {
+            "navigationBarTitleText": "错题•收藏"
+
+          }
         },
         {
           "path": "classifyFree/index",