头部导航样式更改

src/assets/styles/portal-index.scss

@@ -74,5 +74,11 @@
 .blue-three{
     color: #00C6FF;
 }
-
+.list-bg{
+    background: url('/images/qa-box.png') no-repeat 100% / 100%;
+    // background: linear-gradient(180deg, #C3DEF8 0%, #FFFFFF 37%);
+  }
+  .list-bg1{
+    background: url('/images/list-or.png') no-repeat 100% / 100%;
+  }
 

src/assets/styles/portal.scss

@@ -92,7 +92,7 @@ body {
 }
 
 .portal-content {
-    margin: 30px 87px 0px 87px;
+    margin: 26px 87px 0px 87px;
     // width: 100%;
     .breadcrumb-nav {
         margin-bottom: 15px;

src/components/PortalHeader.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="portal-header">
-    <div class="portal-content xcontent">
+    <div class="portal-top-nav">
       <div style="display: flex;justify-content: space-between;">
-        <div style="display: flex;justify-content: flex-start;align-items: center;">
+        <div style="flex:1;display: flex;justify-content: flex-start;align-items: center;">
-          <img src="../assets/logo/logo.png" style="width:221px;height: 30px;" />
+          <img src="../assets/logo/logo.png" style="width:240px;height: 40px;" />
           <div style="display: flex;justify-content: space-around;margin-left: 20px;">
             <div class="top-nav" :class="current == 'index' ? 'current-nav' : ''"><router-link to="/index">首页</router-link></div>
             <div class="top-nav" :class="current == 'course' ? 'current-nav' : ''"><router-link to="/course">课程</router-link></div>
@@ -24,9 +24,9 @@
             </div>
           </div>
         </div>
-        <div style="display: flex;justify-content: flex-end;align-items: center;">
+        <div style="flex:1;display: flex;justify-content: flex-end;align-items: center;">
           <div v-if="goSearch !=10">
-            <el-input v-show="!hideSearch" placeholder="请输入标题搜索" style="width: 260px;" @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword" class="input-with-select">
+            <el-input v-show="!hideSearch" placeholder="搜索" style="width: 260px;border-radius: 20px !important;" @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword" class="input-with-select">
               <el-select v-if="current == 'index'" v-model="findType" style="width: 75px;" slot="prepend" placeholder="请选择">
                 <el-option label="课程" value="1"></el-option>
                 <el-option label="案例" value="2"></el-option>
@@ -40,12 +40,24 @@
           </div>
           <div class="person-action" >
             <!-- 消息 -->
-           <el-badge   :value="userMsg" :hidden="userMsg == 0" class="message-count">
+            <el-link class="person-action-index" type="primary" style="margin-right:10px;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link>
+            <!-- <el-link type="primary" @click="logout()" icon="el-icon-switch-button" :underline="false">退出</el-link> -->
+            <el-badge class="person-action-index message-count"  :value="userMsg" :hidden="userMsg == 0">
               <el-tooltip   content="消息" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip">
                  <el-link  type="primary" :href="`${webBaseUrl}/message`" icon="el-icon-bell" :underline="false"></el-link>
               </el-tooltip>
             </el-badge>
-            <div>
+            <el-dropdown class="person-action-index">
+              <span class="el-dropdown-link">
+                <span style="color: #333;">学员</span><i class="el-icon-arrow-down el-icon--right"></i>
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item>学员</el-dropdown-item>
+                <el-dropdown-item>教师</el-dropdown-item>
+                <el-dropdown-item>管理员</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            <div class="person-action-index">
               <a :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`">
              <el-avatar  :src="userInfo.avatar" v-if="userInfo.avatar !== '' "></el-avatar>
               <div v-else class="uavatar">
@@ -54,8 +66,7 @@
               </div>
               </a>
             </div>
-            <el-link type="primary" style="margin-right:10px;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link>
+            <div style="color:#333;font-size: 16px;font-weight: 600;">{{userInfo.name}}</div>
-            <el-link type="primary" @click="logout()" icon="el-icon-switch-button" :underline="false">退出</el-link>
           </div>
         </div>
       </div>
@@ -230,24 +241,33 @@ export default {
 }
 
 .portal-header {
-  margin: 0 auto;
+  // margin: 0 87px;
+  height: 72px;
   display: flex;
-  align-items: center;
+  // align-items: center;
-  background-color: #ffffff;
+  background: rgba(255,255,255,0.12);
-  border-bottom: 1px solid #f0f0f0;
+  // background-color: #ffffff;
+  // border-bottom: 1px solid #f0f0f0;
   // line-height: 56px;
   //width: 100%;
 
   // padding: 5px 0px 0px;
 }
-.portal-content {
+.portal-top-nav {
-  margin: 0px auto;
+  width: 100%;
+  margin: 0px 40px;
   //width: 1050px;
   .person-action{
     display: flex;
     justify-content: flex-end;
     align-items: center;
     margin-left: 10px;
+    .person-action-index{
+      margin-left: 40px;
+      font-size: 16px;
+      font-weight: 600;
+      color: #333333 !important;
+    }
     ::v-deep .message-count{
       margin-right: 20px;
       i{
@@ -269,8 +289,11 @@ export default {
   }
 }
 .top-nav {
-  text-align: center;
+  font-size: 16px;
-  line-height: 56px;
+  // text-align: center;
+  font-weight: 600;
+  color: #333330;
+  line-height: 72px;
   padding: 0px 10px;
   white-space:nowrap;
 }
@@ -279,8 +302,8 @@ export default {
   color: #4489ce;
 }
 .current-nav {
-  color: #fff;
+  color: #387DF7;
-  background: #588afc;
+  // background: #588afc;
   // border-bottom: 4px solid;
 }
 ::v-deep .el-badge {
@@ -300,10 +323,10 @@ export default {
   border-radius: 0;
 
 }
-.input-with-select-btn {
+ .input-with-select-btn {
   font-size: 25px !important;
   margin: 0 !important;
-  padding: 0 !important
+  padding: 0 !important;
 }
 .message-count a {
   color: #858d99;

src/icons/svg/question-mark.svg

@@ -0,0 +1 @@
+<svg t="1661934325929" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2506" width="200" height="200"><path d="M450.267 772.245l0 92.511 92.511 0 0-92.511L450.267 772.245zM689.448 452.28c13.538-24.367 20.311-50.991 20.311-79.875 0-49.938-19.261-92.516-57.765-127.713-38.517-35.197-90.114-52.8-154.797-52.8-61.077 0-110.191 16.4-147.342 49.188-37.16 32.798-59.497 80.032-67.014 141.703l83.486 9.927c7.218-46.025 22.41-79.875 45.576-101.533 23.166-21.665 52.047-32.494 86.647-32.494 35.802 0 66.038 11.957 90.711 35.874 24.667 23.92 37.01 51.675 37.01 83.266 0 17.451-4.222 33.55-12.642 48.284-8.425 14.747-26.698 34.526-54.83 59.346s-47.607 43.701-58.442 56.637c-14.741 17.754-25.424 35.354-32.037 52.797-9.028 23.172-13.537 50.701-13.537 82.584 0 5.418 0.146 13.539 0.45 24.374l78.069 0c0.599-32.495 2.855-55.966 6.772-70.4 3.903-14.44 9.926-27.229 18.047-38.363 8.127-11.123 25.425-28.43 51.901-51.895C649.43 506.288 675.908 476.656 689.448 452.28L689.448 452.28z" p-id="2507" fill="#387DF7"></path></svg>

src/views/portal/article/Index.vue

@@ -1,6 +1,9 @@
 2<template>
   <div id="article-list-content" class="article-list-content">
-    <portal-header current="article" @emitInput="emitInput"></portal-header>
+    <div class="article-banner">
+      <portal-header current="article" @emitInput="emitInput"></portal-header>
+    </div>
+    
     <div class="xcontent portal-content">
       <div class="xrow" style="display: flex;justify-content: space-between;">
          <div style="flex: 1;" class="xcol content-div">
@@ -386,6 +389,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+  .article-banner{
+    height: 240px;
+    background: url('/images/article-banner.png');
+  }
  .list-bg{
     background: linear-gradient(180deg, #C3DEF8 0%, #FFFFFF 37%);
   }

src/views/portal/case/Detail.vue

@@ -96,88 +96,37 @@
               <el-empty :image-size="200"></el-empty>
             </div>
           </div>
-          <div style="width: 245px;margin-left: 5px;" :class="zoomShow?'':'fixd-box-show'">
+          <div style="width: 410px;margin-left: 5px;" :class="zoomShow?'':'fixd-box-show'">
         <div>
            <div id="fixd-box">
-             <!-- <el-card class="ranking-card" >
+            <div class="ranking-card portal-right-box list-bg">
-              <div slot="header">
+              <p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
-                <span style="font-size: 14px;font-weight: 600;color: #333333;">贡献榜</span>
+              <ul>
-              </div>
+                <li style="cursor: pointer;margin-top:30px;" class="title-line-ellipsis" v-for="(item, index) in Positive" :key="index">
-              <div style="padding-bottom:10px">
+                  <span class="portal-right-text blue-one" v-if="index==0">0{{index+1}}.</span>
-                <el-row class="ranking-title">
+                  <span class="portal-right-text blue-tow" v-if="index==1">0{{index+1}}.</span>
-                 </el-row>
+                  <span class="portal-right-text blue-three" v-if="index==2">0{{index+1}}.</span>
-                <el-row class="ranking-title  bacolor" v-for="(item, index) in ankingList" :key="index" >
+                  <span class="portal-right-text" v-if="index>2">0{{index+1}}.</span>
-                  <el-col :span="6" style="height:34px">
+                  <span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
-                    <img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
+                </li>
-                    <img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
+              </ul>
-                    <img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
+            </div>
-                    <span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
+            <div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
-                  </el-col>
+              <p class="portal-title-one" style="padding-bottom:12px">人气榜</p>
-                        <el-col :span="15"  class="title-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
+              <ul>
-                </el-row>
+                <li style="cursor: pointer;margin-top:30px;" v-for="(item, index) in Popularity" :key="index">
-              </div>
+                  <span class="portal-right-text orange-one" v-if="index==0">0{{index+1}}.</span>
-            </el-card> -->
+                  <span class="portal-right-text orange-tow" v-if="index==1">0{{index+1}}.</span>
-                <!-- <div style="height: 10px;"></div> -->
+                  <span class="portal-right-text orange-three" v-if="index==2">0{{index+1}}.</span>
-              <el-card class="ranking-card" >
+                  <span class="portal-right-text" v-if="index>2">0{{index+1}}.</span>
-              <div slot="header">
+                  <span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
-                <span style="font-size: 14px;font-weight: 600;color: #333333;">人气榜</span>
+                </li>
-              </div>
+              </ul>
-              <div style="padding-bottom:10px">
+            </div>
-                <el-row class="ranking-title">
-                  <!-- <el-col :span="15" style="color: #333333;font-size: 14px;">名称</el-col> -->
-                  <!-- <el-col :offset="4" :span="5" class="center" style="color: #333333;font-size: 14px;">分数</el-col> -->
-                </el-row>
-                <el-row class="ranking-title  bacolor" v-for="(item, index) in Popularity" :key="index" >
-                  <el-col :span="6" style="height:34px">
-                    <img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
-                    <img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
-                    <img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
-                    <div v-if="item.title">
-                    <span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
-                    </div>
-                  </el-col>
-                  <!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '（' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
-                        <div :title="item.title + '（' + item.authorName+ ')'" @click="jumpRouter(item)">
-                           <el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.title }}</el-col>
-                       </div>
-                  <!-- </el-tooltip> -->
-                  <!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
-                </el-row>
-              </div>
-            </el-card>
-             <div style="height: 10px;"></div>
-              <el-card class="ranking-card" >
-              <div slot="header">
-                <span style="font-size: 14px;font-weight: 600;color: #333333;">好评榜</span>
-              </div>
-              <div style="padding-bottom:10px">
-                <el-row class="ranking-title">
-                  <!-- <el-col :span="15" style="color: #333333;font-size: 14px;">名称</el-col> -->
-                  <!-- <el-col :offset="4" :span="5" class="center" style="color: #333333;font-size: 14px;">分数</el-col> -->
-                </el-row>
-                <el-row class="ranking-title  bacolor" v-for="(item, index) in Positive" :key="index" >
-                  <el-col :span="6" style="height:34px">
-                    <img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
-                    <img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
-                    <img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
-                    <div v-if="item.title">
-                    <span  style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
-                   </div>
-                  </el-col>
-                  <!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '（' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
-                    <div :title="item.title + '（' + item.authorName+ ')'" @click="jumpRouter(item)">
-                        <el-col :span="15" style="cursor: pointer;" class="title-line-ellipsis"> {{ item.title }}</el-col>
-
-                    </div>
-                  <!-- </el-tooltip> -->
-                  <!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
-                </el-row>
-              </div>
-            </el-card>
            </div>
+          </div>
         </div>
       </div>
-      </div>
     </div>
     <portal-footer></portal-footer>
       <portalFloatTools></portalFloatTools>

src/views/portal/case/Index.vue

@@ -1,6 +1,9 @@
 <template>
   <div id="case-list-content">
-    <portal-header current="case" @emitInput="emitInput"></portal-header>
+    <div class="case-banner">
+      <portal-header current="case" @emitInput="emitInput"></portal-header>
+    </div>
+    
     <div class="xcontent portal-content">
       <div style="flex: 1;" class="xcol content-div">
          <el-row>
@@ -688,6 +691,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+  .case-banner{
+    height: 240px;
+    background: url('/images/case-banner.png');
+  }
   
 ::v-deep  .el-checkbox{
    .el-checkbox__input{
@@ -1005,13 +1012,12 @@ export default {
     text-align: center;
   }
 }
-.list-bg{
+// .list-bg{
-  border-image: linear-gradient(180deg, rgba(8, 127, 255, 1), rgba(8, 127, 255, 0)) 1 1;
+//   // border-image: linear-gradient(180deg, rgba(8, 127, 255, 1), rgba(8, 127, 255, 0)) 1 1;
-  background: linear-gradient(180deg, #7bb4ed 0%, #fff 36%);
+//   // background: linear-gradient(180deg, #7bb4ed 0%, #fff 36%);
-  }
+//   background: url('/images/qa-box.png') no-repeat 100% / 100%;
-  .list-bg1{
+//   }
-    background: linear-gradient(180deg, #f3a46f 0%, #fff 36%)
+ 
-  }
 .ranking-card {
  
   .center {

src/views/portal/course/Index.vue

@@ -1,6 +1,9 @@
 <template>
   <div id="couser-list-content" class="couser-list-content">
-    <portal-header current="course" @emitInput="emitInput"></portal-header>
+    <div class="course-banner">
+      <portal-header current="course" @emitInput="emitInput"></portal-header>
+    </div>
+    
     <!-- <div class="course-input">
       <el-input  class="course-value" v-model.trim="course.keyword"  maxlength="20" @input="inputOn($event)" clearable placeholder="请输入关键词搜索"><el-button slot="append" icon="el-icon-search" @click="searchData()" class="course-btn"></el-button></el-input>
     </div> -->
@@ -729,6 +732,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+  .course-banner{
+    height: 240px;
+    background: url('/images/course-banner.png');
+  }
 ::v-deep .el-radio-button{
   margin-right:0px;
 }

src/views/portal/qa/Answer.vue

@@ -7,7 +7,7 @@
         <el-breadcrumb-item>问答详情</el-breadcrumb-item>
       </el-breadcrumb>
       <div class="xrow" style="display: flex;justify-content: space-between;">
-        <div style="flex: 1;">
+        <div style="flex: 1;" class="xcol content-div">
           <el-row v-if="noData">
             <el-card :body-style="{ padding: '0px' }" class="detail">
               <div class="title">
@@ -241,53 +241,26 @@
             <el-empty :image-size="200"></el-empty>
           </div>
         </div>
-        <div style="width: 245px;margin-left: 5px;">
+        <div style="width: 410px;margin-left: 26px;">
-          <el-row>
+          <!-- <el-row> -->
             <div class="qa-ranking">
-              <div style="margin-bottom:15px;padding: 0">
+              <div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">
-                <el-button style="height: 100%;height: 37px;border-radius: 0; width: 100%;"
+                    <svg-icon style="margin-right: 0;font-size: 24px;" icon-class="question-mark"></svg-icon>
-                  @click="$refs.addQuestion.askQuestionDialog = true" type="primary">提问题</el-button>
+                    提问题
-              </div>
-              <div :span="24" style="padding:0">
-                <el-card class="ranking-card">
-                  <div slot="header">
-                    <span style="font-size: 14px;font-weight: 600;color: #333333;">贡献排行榜</span>
-                    <!-- <el-radio-group v-model="anking" size="mini" style="float: right">
-                    <el-radio-button label="年"></el-radio-button>
-                    <el-radio-button label="月"></el-radio-button>
-                    <el-radio-button label="日"></el-radio-button>
-                  </el-radio-group> -->
                   </div>
-                  <div style="padding-bottom:10px">
+                    <div class="portal-right-box list-bg">
-
+                        <p class="portal-title-one" style="padding-bottom:12px">贡献榜</p>
-                    <el-row class="ranking-title  bacolor" v-for="(item, index) in ankingList" :key="index">
+                        <ul>
-                      <el-col :span="6" style="height:34px;">
+                          <li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px">
-                        <img style="margin-top: 5px;" v-if="index === 0" :src="`${webBaseUrl}/images/first.png`" />
+                            <span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">0{{index+1}}.</span>
-                        <img style="margin-top: 5px;" v-if="index === 1" :src="`${webBaseUrl}/images/second.png`" />
+                            <span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">0{{index+1}}.</span>
-                        <img style="margin-top: 5px;" v-if="index === 2" :src="`${webBaseUrl}/images/third.png`" />
+                            <span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">0{{index+1}}.</span>
-                        <span style="margin-left: 10px" v-if="index != 2 && index != 0 && index != 1">{{ index + 1
+                            <span class="portal-right-text" v-if="index>2" style="margin-right:94px">0{{index+1}}.</span>
-                        }}</span>
+                            <span class="portal-title-desc">{{ item.sysCreateUname }}</span>
-                      </el-col>
+                          </li>
-                      <!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.name" placement="top-start"> -->
+                        </ul>
-                      <el-col :span="18" class="one-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
+                    </div>
-                      <!-- </el-tooltip> -->
-                      <!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
-                    </el-row>
-                    <!-- <el-row class="ranking-title" v-for="(item, index) in ankingList" :key="index">
-                    <el-col :span="4" class="center">
-                      <img v-if="index === 0" :src="`${webBaseUrl}/images/first.png`" />
-                      <img v-if="index === 1" :src="`${webBaseUrl}/images/second.png`" />
-                      <img v-if="index === 2" :src="`${webBaseUrl}/images/third.png`" />
-                      <span v-if="index != 2 && index != 0 && index != 1">{{ index + 1 }}</span>
-                    </el-col>
-                    <el-col style="color: #333333;font-size: 14px;" :span="10">{{ item.sysCreateUname }}</el-col>
-                    <el-col style="text-align: right;color: #333333;font-size: 14px;" :span="10">{{ item.answers }}</el-col>
-                  </el-row> -->
-                  </div>
-                </el-card>
-              </div>
             </div>
-          </el-row>
         </div>
       </div>
       <addQuestion ref="addQuestion" @sure="toDetail"></addQuestion>
@@ -408,7 +381,7 @@ export default {
       }
       if (scrollTop > 400) {
         document.querySelector(".qa-ranking").style.cssText =
-          "position: fixed;top: 0;width:242.5px";
+          "position: fixed;top: 0;width:410px";
       } else {
         document.querySelector(".qa-ranking").style.cssText =
           "position: static";

src/views/portal/qa/Detail.vue

@@ -154,24 +154,35 @@
           </div>
         </el-row>
          </div>
-         <div style="width: 245px;margin-left: 5px;">
+         <div style="width: 410px;">
-            <el-row>
+            <!-- <el-row> -->
           <div class="qa-ranking" >
-             <div style="margin-bottom:15px;padding: 0">
+            <div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">
+                    <svg-icon style="margin-right: 0;font-size: 24px;" icon-class="question-mark"></svg-icon>
+                    提问题
+                  </div>
+                    <div class="portal-right-box list-bg">
+                        <p class="portal-title-one" style="padding-bottom:12px">贡献榜</p>
+                        <ul>
+                          <li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px">
+                            <span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">0{{index+1}}.</span>
+                            <span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">0{{index+1}}.</span>
+                            <span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">0{{index+1}}.</span>
+                            <span class="portal-right-text" v-if="index>2" style="margin-right:94px">0{{index+1}}.</span>
+                            <span class="portal-title-desc">{{ item.sysCreateUname }}</span>
+                          </li>
+                        </ul>
+                    </div>
+                <!-- </div> -->
+             <!-- <div style="margin-bottom:15px;padding: 0">
               <el-button style="height: 100%;height: 37px;border-radius: 0; width: 100%;" @click="$refs.addQuestion.askQuestionDialog = true" type="primary">提问题</el-button>
             </div>
             <div :span="24" style="padding:0">
               <el-card class="ranking-card">
                 <div slot="header" >
                   <span style="font-size: 14px;font-weight: 600;color: #333333;">贡献排行榜</span>
-                  <!-- <el-radio-group v-model="anking" size="mini" style="float: right">
-                    <el-radio-button label="年"></el-radio-button>
-                    <el-radio-button label="月"></el-radio-button>
-                    <el-radio-button label="日"></el-radio-button>
-                  </el-radio-group> -->
                 </div>
                 <div style="padding-bottom:10px">
-
                   <el-row class="ranking-title  bacolor" v-for="(item, index) in ankingList" :key="index" >
                     <el-col :span="6" style="height:34px;" >
                       <img style="margin-top: 5px;" v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
@@ -179,26 +190,13 @@
                       <img style="margin-top: 5px;" v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
                       <span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
                     </el-col>
-                    <!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.name" placement="top-start"> -->
                     <el-col :span="18" class="one-line-ellipsis"> {{ item.sysCreateUname }}</el-col>
-                    <!-- </el-tooltip> -->
-                    <!-- <el-col class="center" style="color: #FF8E00;" :span="5">{{ item.score }}</el-col> -->
                   </el-row>
-                  <!-- <el-row class="ranking-title" v-for="(item, index) in ankingList" :key="index">
-                    <el-col :span="4" class="center">
-                      <img v-if="index === 0" :src="`${webBaseUrl}/images/first.png`" />
-                      <img v-if="index === 1" :src="`${webBaseUrl}/images/second.png`" />
-                      <img v-if="index === 2" :src="`${webBaseUrl}/images/third.png`" />
-                      <span v-if="index != 2 && index != 0 && index != 1">{{ index + 1 }}</span>
-                    </el-col>
-                    <el-col style="color: #333333;font-size: 14px;" :span="10">{{ item.sysCreateUname }}</el-col>
-                    <el-col style="text-align: right;color: #333333;font-size: 14px;" :span="10">{{ item.answers }}</el-col>
-                  </el-row> -->
                 </div>
               </el-card>
-            </div>
+            </div> -->
           </div>
-        </el-row>
+        <!-- </el-row> -->
          </div>
       </div>
       <addQuestion ref="addQuestion" @sure="toDetail"></addQuestion>
@@ -307,7 +305,7 @@ export default {
       }
       if (scrollTop > 400) {
         document.querySelector(".qa-ranking").style.cssText =
-          "position: fixed;top: 0;width:242.5px";
+          "position: fixed;top: 0;width:410px";
       } else {
         document.querySelector(".qa-ranking").style.cssText =
           "position: static";

src/views/portal/qa/Index.vue

@@ -1,10 +1,13 @@
 <template>
   <div id="qa-list-content" class="qa-list-content">
-    <portal-header current="qa" @emitInput="emitInput"></portal-header>
+    <div class="qa-banner">
+      <portal-header current="qa" @emitInput="emitInput"></portal-header>
+    </div>
+    
     <div class="portal-content">
 
-      <div  class="xrow" style="display: flex;">
+      <div  class="xrow" style="display: flex;justify-content: space-between;">
-         <div  class="xcol content-div">
+         <div  style="flex: 1;" class="xcol content-div">
             <el-row>
                <el-card :body-style="{ padding: '0px' }" class="left-div">
             <!-- <el-row class="search-div">
@@ -80,7 +83,10 @@
          <div style="width: 410px;">
             <!-- <div> -->
               <div  style="padding:0" id="qa-fixd">
-                  <div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">提问题</div>
+                  <div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">
+                    <svg-icon style="margin-right: 0;font-size: 24px;" icon-class="question-mark"></svg-icon>
+                    提问题
+                  </div>
                     <div class="portal-right-box list-bg">
                         <p class="portal-title-one" style="padding-bottom:12px">贡献榜</p>
                         <ul>
@@ -400,9 +406,11 @@ export default {
 </script>
 
 <style scoped lang="scss">
-  .list-bg{
+  .qa-banner{
-    background: linear-gradient(180deg, #C3DEF8 0%, #FFFFFF 37%);
+    height: 240px;
+    background: url('/images/qa-banner.png');
   }
+
   ::v-deep .el-card__body{
     padding: 0;
   }