新高考辅助首页

src/views/career/index.vue

@@ -1,32 +0,0 @@
-<template>
-  <div class="career-container">
-    <div class="career-wrapper">
-      <div class="career-banner">
-        <el-image :src="require('@/assets/images/career/career_banner.png')" />
-      </div>
-      <div>
-        <course-tab-page />
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import courseTabPage from "./components/courseTabPage.vue";
-export default {
-  components: { courseTabPage },
-};
-</script>
-<style lang="scss" scoped>
-.career-container {
-  background-color: #ffffff;
-  padding: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.career-wrapper {
-  width: 1184px;
-  display: flex;
-  flex-direction: column;
-}
-</style>

src/views/career/main.vue

@@ -0,0 +1,61 @@
+<template>
+  <!-- 题库中心首页 -->
+  <div class="container">
+    <div class="banner">
+      <el-image style="width: 100vw" :src="require('@/assets/images/fuzhu_banner.png')" fit="fill"></el-image>
+    </div>
+    <div class="content">
+      <index-card title="新高考政策" more-text="更多" class="mb20">
+      </index-card>
+      <index-card title="资源库" class="mb20">
+      </index-card>
+      <index-card title="学习技巧" more-text="更多"  class="mb20"></index-card>
+      <index-card title="高考名词" class="mb20"></index-card>
+    </div>
+  </div>
+</template>
+<script>
+import IndexCard from '@/views/index/components/index-card.vue'
+import MxImageWrap from '@/views/questioncenter/components/main-card/mx-image-wrap.vue'
+import { mapGetters } from 'vuex'
+import store from '@/store'
+export default {
+  components: { IndexCard, MxImageWrap },
+  data() {
+    return {
+      library: [
+        {
+          title: '个人资源库',
+          img: require('@/assets/images/personal_library.png'),
+          path: '/personalDatabase/personalResources/index'
+        },
+        {
+          title: '校本资源库',
+          img: require('@/assets/images/school_library.png'),
+          path: '/personalDatabase/schoolResources/index'
+        },
+        {
+          title: '云库',
+          img: require('@/assets/images/cloud_library.png'),
+          path: '/personalDatabase/cloudTank/index'
+        },
+      ],
+    }
+  },
+  methods: {
+  }
+}
+</script>
+<style scoped lang="scss">
+.content {
+  width: 70%;
+  margin: 0 auto;
+  padding-bottom: 20px;
+  margin-top: 20px;
+}
+
+.container {
+  background: #f5f4f9;
+}
+
+</style>

src/views/career/plan/detail.vue

@@ -20,8 +20,6 @@
           </div>
           <div class="text">
             <span :class="{ info_active: infoActive == 1 }" @click="infoActive = 1">课程概要</span>
-            <span :class="{ info_active: infoActive == 2 }" @click="infoActive = 2">课时介绍</span>
-            <span :class="{ info_active: infoActive == 3 }" @click="infoActive = 3">主要讲师</span>
           </div>
         </div>
         <!-- 视频 信息 -->
@@ -36,38 +34,6 @@
               <span>{{ routeParams.count }}人已观看</span>
             </div>
           </div>
-          <!-- 课时介绍 -->
-          <div class="introduce" v-show="infoActive == 2">
-            <div class="introduce_tit">散文阅读之显性内容</div>
-            <div class="introduce_con">
-              各龙地却意制心收北叫示系者受志术叫叫该名光前劳基外通任体给温律太术社维问住角金议计数原科压么广速会好真商太数再还话种受王样率人为很反现严号约正生。写越花机还件口原受术标心需场象设开族着半风角不代运斯党派看回量类林集天学山员连地准真王几联。走海号音节身外期先管新直验美信所千料状到南民状西又统达交通无因指再五条给商今计生线斯至流还类业法认。
-            </div>
-          </div>
-          <!-- 主要讲师 -->
-          <div class="teacher" v-show="infoActive == 3">
-            <el-col :span="5">
-              <div class="teacher_info">
-                <img src="@/assets/images/teacher_avatar.png" alt="" />
-                <span style="font-weight: 600; color: #343434; margin: 6px 0">Andre Long</span>
-                <span>哈佛大学精英讲师</span>
-              </div>
-            </el-col>
-            <el-col :span="14">
-              <div class="teacher_ach">
-                <div style="color: #ffa400; margin-bottom: 8px">教学成就</div>
-                <div class="teacher_ach_info">
-                  <div class="ach_item">“全球交科研先进个人”获得者</div>
-                  <div class="ach_item">“全球交科研先进个人”获得者</div>
-                  <div class="ach_item">全球十大杰出精英讲师</div>
-                  <div class="ach_item">全球十大杰出精英讲师</div>
-                  <div class="ach_item">全球十大杰出精英讲师</div>
-                  <div class="ach_item">全球十大杰出精英讲师</div>
-                  <div class="ach_item">全球十大杰出精英讲师</div>
-                  <div class="ach_item">全球十大杰出精英讲师</div>
-                </div>
-              </div>
-            </el-col>
-          </div>
         </div>
       </el-main>
     </el-container>