修复页面细节

components/pc/alertsMessage/alertsCard.vue

@@ -15,7 +15,7 @@
           v-if="reload"
         ></alerts-content>
       </div>
-      <div class="alerts-card__footer" v-if="false">
+      <div class="alerts-card__footer" >
         <nuxt-link to="/personal-center/message">查看全部 （ {{ unread }} ） </nuxt-link>
       </div>
     </div>

components/pc/alertsMessage/alertsContent.vue

@@ -41,7 +41,8 @@ p{
   border-bottom:1px dashed #EFEFEF;
   @extend %animate-transition;
   @extend %cursorPointer;
-  @include fontStyle(12,43,500,#333,center);
+  @include fontStyle(12,43,500,#333,left);
+  @extend %nowrap;
   &:hover{
     color: #00AAE6 !important;
   }

components/pc/banner.vue

 <template>
   <div class="banner-card__wrap">
     <div class="banner-card" v-if="bannerType===1">
-      <a :href="linkArr[currentImg]">
+      <a :href="linkArr[currentImg]" target="_blank" style="width:100%;height:100%">
         <img class="banner-card__img"  :src="imgArr[currentImg]" :style="{opacity:imgOpacity}" alt="" >
 
       </a>

components/pc/pageHeader.vue

@@ -65,7 +65,7 @@
         <div class="header-center-r" v-if="this.$store.state.userProfile.userId">
           <yun-icon style="height:16px;width:16px;line-height:16px" name="add" color="#ccc" hoverColor="#8CD88C"
                     @mouseover.native="changeStateShowBox(1)" @mouseleave.native="changeStateHideBox(1)"></yun-icon>
-          <yun-icon style="height:16px;width:16px;line-height:16px"  name="notification" color="#ccc" hoverColor="#F8A06F"
+          <yun-icon style="height:16px;width:16px;line-height:16px" @click.native="$router.push('/personal-center/message')"  name="notification" color="#ccc" hoverColor="#F8A06F"
                     @mouseover.native="changeStateShowBox(3)" @mouseleave.native="changeStateHideBox(3)"></yun-icon>
           <img class="user-photo" @click="$router.push('/personal-center/home/project')" @mouseleave="changeStateHideBox(2)" :src="this.$store.state.userProfile.avatar" alt="" @mouseover="changeStateShowBox(2)" />
             <ul class="abs-box abs-box1"  v-if="showHideBox1" @mouseover="changeStateShowBox(1)" @mouseleave="changeStateHideBox(1)">
@@ -545,7 +545,7 @@
           .abs-box{
             transition: .4s ease;
             position:absolute;
-            top:74*$length;
+            top:60*$length;
             padding:10*$length 40*$length;
             background-color: #fff;
             border-radius: 4*$length;
@@ -574,7 +574,7 @@
           .abs-box3{
             transition: .4s ease;
             position:absolute;
-            top:74*$length;
+            top:60*$length;
             background-color: #fff;
             right:calc(-50% + 10px);
           }

pages/index.vue

 <template>
   <div class="home-container">
     <div class="home-container__l">
-      <banner :imgArr="imgArr" style="margin-top: 40px"></banner>
+      <banner :linkArr="linkArr" :imgArr="imgArr" style="margin-top: 40px"></banner>
       <card-container style="margin-top: 40px" title="项目推荐"  more="查看更多" @listenCardConMore="changeRoute('/project')">
         <project-card v-for="(val,index) in projectList" :key="val.projectId" :info="val"></project-card>
       </card-container>
@@ -72,9 +72,8 @@
     },
     data(){
       return{
-        imgArr:[
-          banner1, banner2
-        ],
+        imgArr:[],
+        linkArr:[],
         elitesList:[],
         answerList:[],
         topicList:[],
@@ -112,8 +111,17 @@
           {
             params: params
           }).then((response) => {
-          this.bannerList = response.data.dataList;
-          console.log(this.bannerList);
+          let dataList = response.data.dataList;
+           dataList.map((val,index)=>{
+            this.imgArr.push(
+              val.pic1
+            );
+             this.linkArr.push(
+               val.link
+             )
+          })
+          console.log(this.imgArr)
+          console.log(this.linkArr)
         })
       },