feat: 添加公众号置顶教程页面

Signed-off-by: tangshizhe <48740614+tangshizhe@users.noreply.github.com>

apps/mobile/src/components/customerBid/index.vue

@@ -26,7 +26,7 @@ export default {
   created() {},
   methods: {
     jumpCustomerPage() {
-      location.href = `/jyapp/free/customer`
+      this.$emit('jumpBidPage')
     }
   }
 }

apps/mobile/src/router/modules/course.js

@@ -0,0 +1,8 @@
+// 静态路由
+export default [
+  {
+    path: '/index',
+    name: 'index',
+    component: () => import('@/views/coursePage/Index.vue')
+  }
+]

apps/mobile/src/views/coursePage/Index.vue

@@ -0,0 +1,59 @@
+<template>
+  <div class="course-page">
+    <div class="course-1">
+      <img src="@/assets/image/course-page/1.jpg" alt="">
+    </div>
+    <div class="course-2 course-common">
+      <img src="@/assets/image/course-page/2.jpg" alt="">
+      <div class="course-video video-1">
+        <video preload="auto" controls src="@/assets/image/course-page/video-1.mp4" />
+      </div>
+    </div>
+    <div class="course-3 course-common">
+      <img src="@/assets/image/course-page/3.jpg" alt="">
+      <div class="course-video video-2">
+        <video preload="auto" controls src="@/assets/image/course-page/video-2.mp4" />
+      </div>
+    </div>
+    <div class="course-4 course-common">
+      <img src="@/assets/image/course-page/4.jpg" alt="">
+      <div class="course-video video-3">
+        <video preload="auto" controls src="@/assets/image/course-page/video-3.mp4" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CoursePage',
+}
+</script>
+
+<style lang="scss">
+  .course-page {
+    .course-common {
+      position: relative;
+      .course-video {
+        position: absolute;
+        top: 0;
+        left: 83px;
+        border-radius: 27px;
+        overflow: hidden;
+        &.video-1 {
+          top: 176px;
+        }
+        &.video-2 {
+          top: 192px;
+        }
+        &.video-3 {
+          top: 204px;
+        }
+        video {
+          width: 211px;
+          height: 456px;
+        }
+      }
+    }
+  }
+</style>

apps/mobile/src/views/tabbar/Subscribe.vue

@@ -475,10 +475,11 @@
       bottom-position="12%"
     />
     <!-- 招采 -->
-    <customer-bid
-      v-show="isLogin"
+    <CustomerBid
+      v-show="isLogin && $envs.inWX"
       :scroll-status="scrollStatus"
       bottom-position="19%"
+      @jumpBidPage="jumpBidPage"
     />
     <DataReportTip
       v-model="dataReport.tip"
@@ -1156,6 +1157,9 @@ export default {
       'userVipSwitchState',
       'getUserIdentityList'
     ]),
+    jumpBidPage () {
+      this.$router.push('/course/index')
+    },
     // 检测是否需要处理ios兼容性问题
     // ios13以及以下需要处理兼容性问题
     checkIOSCompatible() {