回到首页图标添加

src/components/page/Dashboard.vue

@@ -1,5 +1,6 @@
 <template>
     <div>
+        <div v-show="activeName!='index'" class="back_index" @click="toIndex"><i class="iconfont icon-home"></i></div>
         <div class="header_tab">
             <!-- <el-tabs v-model="activeName" @tab-click="tabChange" :before-leave="saveActive">
                 <el-tab-pane label="首页" name="index">
@@ -21,6 +22,7 @@
                     
                 </el-tab-pane>
             </el-tabs> -->
+            
             <Index v-if="activeName=='index'"></Index>
             <TeachingVideo v-if="!showProject && activeName!='fourth' && activeName!='fifth' && activeName!='index' && activeName!='second'"></TeachingVideo>
             <Project v-if="showProject"></Project>
@@ -169,6 +171,10 @@ export default {
         Assessment
     },
     methods: {
+        toIndex() {
+            // this.$router.push('dashboard')
+            this.activeName = 'index'
+        },
         getClass(){ 
             this.$get(`${this.api.mineClass}?userId=${this.userId}`).then(res => {
                 if(!res.list.length){
@@ -402,6 +408,26 @@ export default {
     outline: none;
     box-shadow: none !important;
 }
+.back_index:hover{
+    opacity: 0.8;
+    cursor: pointer;
+}
+.back_index{
+    position: fixed;
+    right: 0px;
+    top: 48%;
+    width: 80px;
+    height: 80px;
+    background: white;
+    text-align: center;
+    z-index: 100;
+}
+.icon-home{
+    font-size: 50px;
+    color: #FF5288;
+    font-weight: 600;
+    line-height: 80px;
+}
 h3{
     color: #328aff;
     margin-bottom: 10px;
@@ -561,6 +587,7 @@ h3{
     max-height:calc(100% - 30px);
     max-width:calc(100% - 30px);
 }
+
 /deep/.evaluation_dialog .el-dialog__body{
     flex:1;
     overflow: auto;

src/components/page/Index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="wrap">
         <div class="button_wrap">
-            <a href="http://www.jgsyzx.uestc.cn/UserLogin"><div class="button_item" ><i class="iconfont icon-arrowRight"></i></div></a>
+            <a href="http://www.jgsyzx.uestc.cn/UserLogin" target="_blank"><div class="button_item" ><i class="iconfont icon-arrowRight"></i></div></a>
             <div class="button_item" @click="toNext"><i class="iconfont icon-arrowRight"></i></div>
         </div>
         <div class="notice">
@@ -37,11 +37,11 @@ export default {
     background: url('../../assets/img/indexBg.jpg');
     background-size: 100%;
     .button_wrap{
-        width: 900px;
+        width: 920px;
         height: 60px;
         // background: red;
         margin-top: 600px;
-        margin-left: 330px;
+        margin-left: 350px;
         display: flex;
         justify-content: space-between;
         .button_item{
@@ -60,7 +60,7 @@ export default {
     }
     .notice{
         width: 600px;
-        margin-top: 180px;
+        margin-top: 130px;
         margin-left: 250px;
         display: flex;
         // color: #002E66;

src/components/page/Login.vue

@@ -3,9 +3,8 @@
         <div class="left">
             <img src="../../assets/img/logo.png" alt="">
             <div class="text">
-                <p>欢迎进入面向粮食安全的</p>
+                <p>欢迎使用</p>
-                <p>期货和期权套期保值</p>
+                <p>期货、期权交易虚拟仿真实验</p>
-                <p>虚拟仿真实验</p>
             </div>
         </div>
         <div class="right">

src/components/page/ProjectIntro.vue

@@ -3,7 +3,7 @@
         <!-- 项目介绍+课前预习 -->
         <div class="nav_wrap">
             <div class="introduce">项目介绍</div>
-            <div @click="toCourse">课前预习</div>
+            <div class="preview" @click="toCourse">课前预习</div>
         </div>
         <!-- 项目介绍文字 -->
         <div class="project_wrap">
@@ -60,14 +60,12 @@ export default {
     background-size: 100% 100%;
 }
 .nav_wrap{
-    // margin-left: 20px;
-    // margin-top: 60px;
     height: 50px;
     display: flex;
     justify-content: center;
     color: white;
     .introduce{
-        background: #FF5288;
+        background: #004590;
     }
     div{
         width: 200px;
@@ -76,6 +74,12 @@ export default {
         font-size: 26px;
         cursor: pointer;
     }
+    div:hover{
+        opacity: 0.8;
+    }
+    .preview{
+        background: #FF5288;
+    }
 }
 .project_wrap{
         width: 100%;
@@ -122,7 +126,9 @@ export default {
             }
         }
         .back_index:hover{
-            background: #3f7ecc;
+            // background: #3f7ecc;
+            opacity: 0.8;
+            cursor: pointer;
         }
     }
    
@@ -162,6 +168,9 @@ export default {
             background: #FF5288;
         }
     }
+    .select_item:hover{
+        opacity: 0.8;
+    }
 }
 .icon-arrowRight{
     font-size: 50px;

src/components/page/ProjectPattern.vue

@@ -39,7 +39,7 @@
             </div>
         </div>
         </div>
-        
+        <div class="back_index" @click="toIndex"><i class="iconfont icon-home"></i></div>
     </div>
 </template>
 <script>
@@ -67,6 +67,9 @@ export default {
         this.patternId = this.$route.query.type
     },
     methods: {
+        toIndex() {
+            this.$router.push('dashboard')
+        },
         toPrac(){
             this.core.toSubSystem('','','',this.pattern)
         },
@@ -78,7 +81,26 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-
+.back_index:hover{
+    // background: #3f7ecc;
+    opacity: 0.8;
+    cursor: pointer;
+}
+.back_index{
+    position: fixed;
+    right: 0px;
+    top: 48%;
+    width: 80px;
+    height: 80px;
+    background: white;
+    text-align: center;
+    .icon-home{
+        font-size: 50px;
+        color: #FF5288;
+        font-weight: 600;
+        line-height: 80px;
+    }
+}
 .wrap{
     width: 100%;
     height: 100%;

src/components/page/TeachingVideo.vue

@@ -1,5 +1,11 @@
 <template>
     <div class="box">
+        <!-- 项目介绍与视频导航栏 -->
+         <div class="nav_wrap">
+            <div class="introduce" @click="toPreview">项目介绍</div>
+            <div class="preview" >课前预习</div>
+        </div>
+        <!-- 视频区 -->
         <el-row :gutter="24">
             <el-col :span="18">
                 <div>
@@ -198,6 +204,9 @@ export default {
         })
     },
     methods: {
+        toPreview(){
+            this.$router.push(`ProjectIntro`)
+        },
         async getData(){
             let res = await this.$get(this.api.getCoursevideo, { 
                 page: 1,
@@ -394,11 +403,38 @@ export default {
 
 <style lang="scss" scoped>
 .box{
-    height: calc(100vh - 119px);
+    height: calc(100vh - 60px);
     padding: 20px;
     background: url(../../assets/img/eva-bg.jpg) 0 0/100% 100% no-repeat;
     overflow: auto;
 }
+.back_index:hover{
+    opacity: 0.8;
+    cursor: pointer;
+}
+.nav_wrap{
+    height: 50px;
+    display: flex;
+    justify-content: center;
+    color: white;
+    margin-bottom: 20px;
+    .introduce{
+        background: #004590;
+    }
+    div:hover{
+        opacity: 0.8;
+    }
+    div{
+        width: 200px;
+        line-height: 50px;
+        text-align: center;
+        font-size: 26px;
+        cursor: pointer;
+    }
+    .preview{
+        background: #FF5288;
+    }
+}
 .video_wid{
     width: 100%;
     height: 650px;