教学视频

src/otherPages/beforeThreeExam/index.vue

@@ -3,6 +3,7 @@
     <topbar>
       <view class="nav">
         <image
+          @click="back"
           mode="widthFix"
           class="leftArrow"
           src="https://ndata.zzxcx.net/ctjk/mp-wx/mockExamEnd/arrow-left.png"
@@ -71,7 +72,9 @@ export default {
     return {};
   },
   methods: {
-    name() {},
+    back() {
+      uni.navigateBack();
+    },
   },
 };
 </script>

src/otherPages/teacherVideo/index.vue

@@ -0,0 +1,177 @@
+<template>
+  <view class="">
+    <view class="road">
+      <view class="nav"
+        ><view class="left">科目三真实考场</view
+        ><view class="right"
+          >查找我的考场<van-icon color="#498EF5" name="arrow"
+        /></view>
+      </view>
+      <view class="mark">
+        <view class="button1">社会化驾驶人考场</view>
+        <image mode="widthFix" class="play" :src="bottom_arrrow"></image>
+      </view>
+      <view class="nav2">
+        <image
+          mode="widthFix"
+          class="left"
+          src="https://ct.zzxcx.net/ctjk/mp-wx/teacherVideo/kemu3.png"
+        ></image>
+        <view class="right">
+          <view>熟记考场</view>
+          <view>考试不用慌</view>
+          <view class="look">去看考场</view>
+        </view>
+      </view>
+    </view>
+    <view class="subject">
+      <view v-for="(item, index) in kemu" :key="index" class="list">
+        <image
+          mode="widthFix"
+          class="subject-bg"
+          src="https://ct.zzxcx.net/ctjk/mp-wx/teacherVideo/kemubg1.png"
+        ></image>
+        <view class="text1"> 科目{{ item }} </view>
+        <view class="text2"> 《视频讲解》 </view>
+      </view>
+    </view>
+    <view class="wxad">
+      <ad
+        ad-type="video"
+        :ad-intervals="100"
+        unit-id="adunit-8eb44bbd7e3147d4"
+      ></ad>
+    </view>
+  </view>
+</template>
+
+<script>
+import bottom_arrrow from "@/assets/img/bottom_arrrow.png";
+export default {
+  data() {
+    return {
+      bottom_arrrow,
+      kemu: ["一", "二", "三", "四"],
+    };
+  },
+  methods: {
+    name() {},
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.road {
+  width: 690rpx;
+  margin: 0 auto;
+  height: 478rpx;
+  background: linear-gradient(
+    188deg,
+    #edf4ff 0%,
+    rgba(237, 244, 255, 0.43) 100%
+  );
+  border-radius: 20rpx 20rpx 20rpx 20rpx;
+  opacity: 1;
+  .nav {
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+    align-content: center;
+    align-items: center;
+    padding-left: 30rpx;
+    padding-right: 30rpx;
+    padding-top: 36rpx;
+    .left {
+      font-size: 36rpx;
+      font-weight: bold;
+    }
+    .right {
+      color: #498ef5;
+    }
+  }
+  .mark {
+    position: relative;
+    padding-left: 30rpx;
+    padding-right: 30rpx;
+    margin-top: 22rpx;
+    width: 328rpx;
+    text-align: center;
+    font-size: 0;
+    .button1 {
+      width: 268rpx;
+      line-height: 64rpx;
+      background: #498ef5;
+      border-radius: 20rpx 20rpx 20rpx 20rpx;
+      opacity: 1;
+      color: #fff;
+      font-size: 26rpx;
+      text-align: center;
+    }
+    .play {
+      width: 36rpx;
+      margin-top: 4rpx;
+    }
+  }
+  .nav2 {
+    display: flex;
+    width: 100%;
+    padding-left: 30rpx;
+    padding-right: 30rpx;
+    justify-content: space-between;
+    margin-top: 20rpx;
+    .left {
+      width: 408rpx;
+    }
+    .right {
+      width: 200rpx;
+      color: #498ef5;
+      font-size: 30rpx;
+      text-align: center;
+      line-height: 1.5;
+      .look {
+        width: 200rpx;
+        line-height: 92rpx;
+        background: #498ef5;
+        border-radius: 50rpx 50rpx 50rpx 50rpx;
+        opacity: 1;
+        font-size: 34rpx;
+        color: #fff;
+        margin-top: 10rpx;
+      }
+    }
+  }
+}
+.subject {
+  padding: 0 30rpx;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+
+  .list {
+    position: relative;
+    margin-bottom: 15rpx;
+    .subject-bg {
+      width: 334rpx;
+    }
+    .text1 {
+      font-size: 42rpx;
+      color: #fff;
+      position: absolute;
+      top: 30rpx;
+      left: 60rpx;
+    }
+    .text2 {
+      font-size: 42rpx;
+      color: #fff;
+      position: absolute;
+      top: 88rpx;
+      left: 40rpx;
+    }
+  }
+}
+.wxad{
+    border: none;
+    padding: 0 30rpx;
+}
+</style>

src/pages.json

@@ -214,11 +214,15 @@
       "pages": [
         {
           "path": "marked/index",
-          "styles": {}
+          "style": {}
         },
         {
           "path": "playVideo/index",
-          "styles": {}
+          "style": {}
+        },
+        {
+          "path": "teacherVideo/index",
+          "style": {}
         },
         {
           "path": "examRoadVideo/index",
@@ -403,12 +407,6 @@
     "borderStyle": "white",
     "backgroundColor": "#ffffff",
     "list": [
-      // {
-      //   "pagePath": "pages/home/index",
-      //   "iconPath": "static/imgs/home.png",
-      //   "selectedIconPath": "static/imgs/home-avtive.png",
-      //   "text": "首页"
-      // },
       {
         "pagePath": "pages/carVideo/index",
         "iconPath": "static/imgs/car.png",
@@ -419,7 +417,7 @@
         "pagePath": "pages/careGzh/index",
         "iconPath": "static/imgs/video.png",
         "selectedIconPath": "static/imgs/video-active.png",
-        "text": "视频"
+        "text": "教学视频"
       },
       {
         "pagePath": "pages/user/index",
@@ -488,6 +486,11 @@
     //模式配置，仅开发期间生效
     "current": 0, //当前激活的模式(list 的索引项)
     "list": [
+      {
+        "path": "otherPages/teacherVideo/index",
+        "name": "教学视频",
+        "query": "liceCar=1&liceTruck=&liceBus=&liceMoto=&name=&gs=xc&cert=C1/C2/C3&vehicle=轿车&subject=1&title=精选考题&sort=3"
+      },
       {
         "path": "otherPages/classifyChoose/index",
         "name": "分类练习",