商品专题页

src/pages/goodsTopic/index.vue

@@ -0,0 +1,123 @@
+<template>
+    <div class="goods_topic">
+        <Header></Header>
+        <section class="section">
+            <div class="section__header">
+                <div class="container">
+                    <el-breadcrumb separator="/">
+                        <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
+                        <el-breadcrumb-item>商品专题</el-breadcrumb-item>
+                    </el-breadcrumb>
+                </div>
+            </div>
+
+            <div class="mains">
+                <div class="content_up">
+                    <div class="banner_one"></div>
+                    <div class="banner_two"></div> 
+                    <!-- <img class="banner_one" src='@assets/topic/banner_one.png' /> -->
+                    <!-- <img class="banner_one" src="@assets/topic/banner_one.png" alt="" /> -->
+                </div>
+                <div class="content_down">
+
+                </div>
+                <div class="topic_detail">
+                    <div class="titles">
+                        <img src="@/assets/topic/icon_left.png" alt="" />
+                        <span class="scheme">通关方案</span>
+                        <img src="@/assets/topic/icon_right.png" alt="" />
+                    </div>
+                    <div class="min_title">2023年二级建造师考前培训</div>
+                    <div class="details">
+                        <div class="detail_one">
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </section>
+    </div>
+</template>
+
+<script>
+import Header from "@/components/header/index";
+export default {
+    name: '',
+    components: { Header },
+    data() {
+        return {
+            
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.goods_topic {
+    width: 100%;
+    .section {
+        &__header {
+            height: 40px;
+            display: flex;
+            align-items: center;
+            padding: 0 20px;
+        }
+    }
+    .mains {
+        // width: 100%;
+        padding: 0px 116px;
+        .content_up {
+            width: 100%;
+            height: 808px;
+            .banner_one {
+                width: 100%;
+                height: 280px;
+                background: url('../../assets/topic/banner_one.png') center center no-repeat;
+                background-size: 100% 100%;
+            }
+            .banner_two {
+                width: 100%;
+                height: 528px;
+                background: url('../../assets/topic/banner_bg.png') center center no-repeat;
+                background-size: 100% 100%;
+            }
+            
+        }
+        .topic_detail {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            width: 100%;
+            height: 3444px;
+            background: url('../../assets/topic/topic_bg.png') center center no-repeat;
+            background-size: 100% 100%;
+            
+            .titles {
+                margin-top: 109px;
+                >img {
+                    width: 32px;
+                    height: 20px;
+                }
+                .scheme {
+                    font-size: 48px;
+                    font-weight: bold;
+                    color: #363543;
+                    margin: 0px 40px;
+                }
+            }
+            .min_title {
+                margin: 13px 0px 50px;
+                font-size: 28px;
+                font-weight: 500;
+                color: #363543;
+            }
+            .details {
+                .detail_one {
+                    
+                }
+            }
+        }
+    }
+}
+</style>

src/pages/home/index.vue

@@ -1143,6 +1143,16 @@ export default {
         });
     },
     goCourse(item) {
+      console.log('sdsf', item)
+      this.$router.push({
+        path: "/goodsTopic",
+        // query: {
+        //   educationId: item.educationId ? item.educationId : item.id || "",
+        //   projectId: item.projectId || "",
+        //   businessId: item.educationId ? item.id : "",
+        // },
+      })
+      return
       this.$router.push({
         path: "/course-list",
         query: {

src/router/index.js

@@ -410,6 +410,18 @@ const router =  new Router({
         }
       }
     },
+    {
+      path: '/goodsTopic',
+      name: '商品专题',
+      component: resolve => require(['@/pages/goodsTopic/index'],resolve),
+      meta: {
+        title: '祥粤云学堂-题库-一建二建试题下载_考试科目题库_考题答案_历年试题_在线真题_水平测试_历年真题_在线题库',
+        content: {
+          keywords: '祥粤云学堂-模拟试题练习,试题答案,一级建造师试题查找,二级建造师试题练习,题目类型,考试书籍,考试图书,考试教材',
+          description: '祥粤云学堂-提供一二级建造师学习资料、教材教辅，一二级建造师考试专业培训辅导课程，免费试听，建造师内部习题资料、工程师教学辅导视频、建筑考试课件视频等资料'
+        }
+      }
+    },
     {
       path: '/person-center',
       name: '个人中心',