成功展示

src/views/resultShowDetail.vue

@@ -17,7 +17,7 @@
                     12人
                 </div>
             </div>
-            <div class="backBtn" @click="$router.back()">返回</div>
+            <el-button class="backBtn" type="primary" @click="$router.back">返回</el-button>
         </div>
         <!-- 头部展示区结束 -->
         <!--导航栏区域开始-->
@@ -97,29 +97,6 @@
             <!--项目详细开始-->
             <div class="BaseMessage" v-show="pageState==1">
 
-                <!-- 侧边栏开始 -->
-                <div id="leftNav">
-                    <div class="leftNavHeader">导航栏</div>
-                    <div class="leftNavList core_dialogue">
-                        <div class="leftNavTitle" @click="move(`.BaseTitle[type='1']`)">1、项目详细</div>
-                        <div class="leftNavContent" @click="move(`.brief_title[type='1.1']`)"><span>1.1</span> <span>项目详细</span></div>
-                        <div class="leftNavContent" @click="move(`.brief_title[type='1.2']`)"><span>1.2</span> <span>活动开展</span></div>
-                        <div class="leftNavContent" @click="move(`.brief_title[type='1.3']`)"><span>1.3</span> <span>活动内容</span></div>
-
-                        <div class="leftNavTitle" @click="move(`.BaseTitle[type='2']`)">2、项目安排</div>
-                        <div class="leftNavContent" @click="move(`.arrangement_assignment_title[type='2.1']`)"><span>2.1</span> <span>腾讯未来探索课堂</span></div>
-                        <div class="leftNavContent" @click="move(`.arrangement_assignment_title[type='2.2']`)"><span>2.2</span> <span>"未来教室"再次落地北大</span></div>
-
-                        <div class="leftNavTitle" @click="move(`.BaseTitle[type='3']`)">3、项目活动过程</div>
-                        <div class="leftNavContent" @click="move(`.brief_title[type='3.1']`)"><span>3.1</span> <span>活动阶段一</span></div>
-                        <div class="leftNavContent" @click="move(`.brief_title[type='3.2']`)"><span>3.2</span> <span>活动阶段二</span></div>
-
-                        <div class="leftNavTitle" @click="move(`.BaseTitle[type='4']`)">4、取得成果</div>
-
-                        <div class="leftNavTitle" @click="move(`.BaseTitle[type='5']`)">5、项目中期报告</div>
-                    </div>
-                </div>
-                <!-- 侧边栏结束 -->
 
                 <div class="BaseTitle" type="1">
                     <span>项目详细</span>
@@ -556,7 +533,12 @@
         .backBtn{
             position: absolute;
             right: 10%;
+            width:100px;
+            height: 30px;
             top: 10%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
             font-size: 16px;
             cursor: pointer;
         }
@@ -811,88 +793,6 @@
             }
         }
     }
-    #leftNav{
-        position: fixed;
-        left: 3%;
-        width: 240px;
-        height: 550px;
-        border-radius: 10px;
-        overflow: hidden;
-        background-color: #76b8de;
-        .leftNavHeader{
-            width: 100%;
-            height: 40px;
-            font-size: 18px;
-            color: white;
-            display: flex;
-            align-items: center;
-            box-sizing: border-box;
-            padding-left:5%;
-            background-color: #316b8c;
-        }
-        .leftNavList{
-            width: 100%;
-            height: calc(100% - 40px);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            cursor: pointer;
-            // div:hover{
-            //     background-color: #e1edf7;
-            // }
-            div:hover span:nth-child(2){
-                color: gray;
-            }
-            .leftNavTitle{
-                width: 90%;
-                min-height: 40px;
-                background-color: white;
-                border-radius: 5px;
-                display: flex;
-                align-items: center;
-                box-sizing: border-box;
-                padding-left: 2%;
-                font-size: 18px;
-                margin-top: 5px;
-                margin-bottom: 10px;
-                font-weight: bold;
-            }
-            .leftNavContent{
-                width: 90%;
-                min-height: 40px;
-                background-color: white;
-                border-radius: 5px;
-                display: flex;
-                align-items: center;
-                box-sizing: border-box;
-                font-size: 16px;
-                margin-top: 5px;
-                margin-bottom: 10px;
-                font-weight: 600;
-                overflow: hidden;
-                position: relative;
-
-                span:nth-child(1){
-                    min-width: 40px;
-                    height: 100%;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    background-color: #e1edf7;
-                    margin-right: 5px;
-                }
-                span:nth-child(2){
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    word-break: break-word;
-                    max-width: 130px;;
-                }
-            }
-
-        }
-
-    }
     .fullStyle {
       width: 100% !important;
       max-width: 100% !important;

src/views/resultsShow.vue

@@ -207,7 +207,7 @@
         opacity: 0.7;
         left: 0px;
         top: 0px;
-        color:#d9dde7;
+        color:#fff;
         font-size: 14px;
       }
       img{