zc修改bug

public/index.html

@@ -21,7 +21,7 @@
 <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
 <script type="text/javascript" src="http://lbsyun.baidu.com/custom/stylelist.js"></script>
 <script type="text/javascript">
-    (function () {var sUserAgent = navigator.userAgent;if (sUserAgent.indexOf('Android') > -1 || sUserAgent.indexOf('iPhone') > -1 || sUserAgent.indexOf('iPad') > -1 || sUserAgent.indexOf('iPod') > -1 || sUserAgent.indexOf('Symbian') > -1) {location.href = 'http://test23.zhongdianyun.com/h5/index.html#';} else {}})();
+    (function () {var sUserAgent = navigator.userAgent;if (sUserAgent.indexOf('Android') > -1 || sUserAgent.indexOf('iPhone') > -1 || sUserAgent.indexOf('iPad') > -1 || sUserAgent.indexOf('iPod') > -1 || sUserAgent.indexOf('Symbian') > -1) {location.href = 'http://test23.zhongdianyun.com/h5';} else {}})();
 </script>
 
 <style>

src/App.vue

@@ -20,19 +20,19 @@ export default {
       let id = window.location.hash.split('=')[1]
       let toUrl = ''
       switch (path){
-        case '#/pressCenter/pressDetail': toUrl = '#/pages/index/msgDetail'
+        case '/pressCenter/pressDetail': toUrl = '/pages/index/msgDetail'
         break;
-        case '#/resource/paperBookDetail': toUrl = '#/resource/paperBook/detail'
+        case '/resource/paperBookDetail': toUrl = '/resource/paperBook/detail'
         break;
-        case '#/digital/bookDetail': toUrl = '#/digital/ebook/detail'
+        case '/digital/bookDetail': toUrl = '/digital/ebook/detail'
         break;
-        case '#/digital/videoDetail': toUrl = '#/digital/video/detail'
+        case '/digital/videoDetail': toUrl = '/digital/video/detail'
         break;
-        case '#/digital/audioDetail': toUrl = '#/digital/audio/detail'
+        case '/digital/audioDetail': toUrl = '/digital/audio/detail'
         break;
-        case '#/digital/annexDetail': toUrl = '#/digital/annex/detail'
+        case '/digital/annexDetail': toUrl = '/digital/annex/detail'
         break;
-        case '#/digital/pictureDetail': toUrl = '#/digital/picture/detail'
+        case '/digital/pictureDetail': toUrl = '/digital/picture/detail'
         break;
         default: toUrl=''
         break;

src/components/comFooter.vue

@@ -190,6 +190,7 @@ export default {
       linksAPI({ num: 6 }).then((res) => {
         if (res.data.code == 0) {
           this.linksList = res.data.data;
+          console.log(this.linksList,'0909090')
         } else {
           this.$message.error("请求数据失败");
         }

src/components/comHeader.vue

@@ -135,7 +135,7 @@ export default {
           { title:'新书推荐', idUrl:'/#home3' },
           { title:'数字产品', idUrl:'/#home4' },
           { title:'资源平台', idUrl:'/#home5' },
-          { title:'期刊', idUrl:'/#home6' },
+          // { title:'期刊', idUrl:'/#home6' },
           ]
         },
         { name:'集团概况', val:2, routerUrl:'/groupProfile', dropDownList:[
@@ -153,15 +153,15 @@ export default {
           { title:'数字精品', idUrl:'/productsWorld#produce2' },
           { title:'产品分类', idUrl:'/productsWorld#produce3' },
           { title:'资源平台', idUrl:'/productsWorld#produce4' },
-          { title:'资源下载', idUrl:'/productsWorld/resourceDownload' },
+          { title:'资源下载', idUrl:'/productsWorld#produce5' },
           ]
         },
         { name:'营销服务', val:5, routerUrl:'/marketingService', dropDownList:[
           { title:'营销中心', idUrl:'/marketingService#marketing1' },
           { title:'下载服务', idUrl:'/marketingService#marketing2' },
-          { title:'联系信息', idUrl:'/marketingService#marketing3' },
+          { title:'联系我们', idUrl:'/marketingService#marketing3' },
           { title:'经销商服务', idUrl:'/marketingService#marketing4' },
-          { title:'经销商登陆', idUrl:'/marketingService#marketing5',openUrl:'http://nps.class.com.cn/dealer/' },
+          // { title:'经销商登陆', idUrl:'/marketingService#marketing5',openUrl:'http://nps.class.com.cn/dealer/' },
           ]
         },
         { name:'专题系列', val:6, routerUrl:'/specialSeries', dropDownList:[]},
@@ -196,7 +196,7 @@ export default {
     getHotList(){
       keywordAPI({num:8}).then((res) => {
         if(res.data.code == 0){
-          this.hotSearchList = res.data.data.list
+          this.hotSearchList = res.data.data
         }
       })
     },

src/components/index/levitate.vue

 <template>
   <div>
     <div class="box">
-      <!-- <div class="list" @click="feedback">
+      <div class="list" @click="feedback">
         <img src="@/assets/index/ico-yjfk.png" class="icon_message1">
         <img src="@/assets/index/ico-yjfk-h.png" class="icon_message2">
-      </div> -->
+      </div>
       <div class="back_list" @click="goTop">
         <img src="@/assets/index/back_top.png" class="icon_return">
       </div>

src/components/index/sidebar.vue

@@ -48,15 +48,15 @@ export default {
           { title:'数字精品', idUrl:'/productsWorld#produce2', hash:'#produce2', id:'produce2', },
           { title:'产品分类', idUrl:'/productsWorld#produce3', hash:'#produce3', id:'produce3', },
           { title:'资源平台', idUrl:'/productsWorld#produce4', hash:'#produce4', id:'produce4', },
-          { title:'资源下载', idUrl:'/productsWorld/resourceDownload', hash:'#produce5', id:'produce5', },
+          { title:'资源下载', idUrl:'/productsWorld#produce5', hash:'#produce5', id:'produce5', },
           ]
         },
         { name:'营销服务', val:5, routerUrl:'/marketingService', dropDownList:[
           { title:'营销中心', idUrl:'/marketingService#marketing1', hash:'#marketing1', id:'marketing1' },
           { title:'下载服务', idUrl:'/marketingService#marketing2', hash:'#marketing2', id:'marketing2' },
-          { title:'联系信息', idUrl:'/marketingService#marketing3', hash:'#marketing3', id:'marketing3' },
+          { title:'联系我们', idUrl:'/marketingService#marketing3', hash:'#marketing3', id:'marketing3' },
           { title:'经销商服务', idUrl:'/marketingService#marketing4', hash:'#marketing4', id:'marketing4' },
-          { title:'经销商登陆', idUrl:'/marketingService#marketing5', hash:'#marketing5', id:'marketing5',openUrl:'http://nps.class.com.cn/dealer/' },
+          // { title:'经销商登陆', idUrl:'/marketingService#marketing5', hash:'#marketing5', id:'marketing5',openUrl:'http://nps.class.com.cn/dealer/' },
           ]
         },
         { name:'专题系列', val:6, routerUrl:'/specialSeries', dropDownList:[]},
@@ -76,6 +76,9 @@ export default {
       ],
     }
   },
+  created(){
+    
+  },
   mounted(){
     window.addEventListener('scroll',this.scrollEvent) // 监听滚动事件，然后⽤scrollEvent这个⽅法进⾏相应的处
   },
@@ -93,12 +96,14 @@ export default {
     changePageScroll(item){
       if(item.openUrl){
         window.open(item.openUrl,"_blank")
-      }
-      if(item.id == "produce5"){
-        this.$router.push({ path: item.idUrl })
       }else{
-        document.getElementById(item.id).scrollIntoView({behavior: "smooth", block: "start", inline: "start"})
+        this.$router.push({ path: item.idUrl })
       }
+      // if(item.id == "produce5"){
+      //   this.$router.push({ path: item.idUrl })
+      // }else{
+      //   document.getElementById(item.id).scrollIntoView({behavior: "smooth", block: "start", inline: "start"})
+      // }
     }
   }
 }

src/main.js

@@ -25,7 +25,7 @@ Vue.component("v-distpicker", VDistpicker);
 
 Vue.prototype.$filePath = "http://test23.zhongdianyun.com/file/file/?fileName=";
 Vue.prototype.$linkToRsResource = (path)=>{
-  window.open('http://test23.zhongdianyun.com/fg' + path,'_blank') //资源库地址
+  window.open('http://test23.zhongdianyun.com/fg/#' + path,'_blank') //资源库地址
 };
 import Bus from "@/utils/bus";
 Vue.use(Bus);

src/views/groupProfile/index.vue

@@ -209,21 +209,20 @@
         <div class="massBottom">
           <div class="massBottomContent">
             <div class="massMessage" v-for="(item,index) in massList" :key="'mass'+index" @click="toDetailMessage(item)">
-              <!-- <div class="imageTxt" v-if="item.type == '1'">
+              <div class="imageTxt" v-if="item.cover && item.content">
                 <div class="imgContent">
-                  <img src="@/assets/groupProfile/dialog-pic.png" alt="">
+                  <img :src="item.cover" alt="">
                 </div>
                 <div class="textContent">
                   <div class="title">{{item.name}}</div>
-                  <div class="content">{{item.text}}</div>
+                  <div class="content">{{item.content}}</div>
                   <div class="other">
-                    <span>{{item.time}}</span>
+                    <span>{{item.releaserTime?item.releaserTime.substring(0,10):''}}</span>
                     <span>【详情】</span>
                   </div>
                 </div>
-              </div> -->
-               <!-- v-if="item.type == '2'" -->
-              <div class="txtType">
+              </div>
+              <div class="txtType" v-else>
                 <div class="txtTitle">
                   <img src="@/assets/groupProfile/li.png" alt="" class="icon-img">
                   <span>{{item.name}}</span>
@@ -351,10 +350,7 @@ export default {
       dialogName:null,
       isDialogShow:false,
       // isDialogShow2:false,
-      massList:[
-        { name:'技工教育和职业培训教材建设工作座谈会暨第31次代理发行站工作会议成功召开', type:'1', text:'出版集团2017年5月8日讯（营销部 撰稿）5月5日—6日，技工教育和职业培训教材建设工作座谈会暨出版集团第31次代理发行站版集团2017年5月8日讯（营销部 撰稿）5月5日—6日，技工教育和职业培训教材建设工作座谈... ', time:'2022-06-07'},
-        { name:'人社部举办2018年全国人力资源市场高校毕业生就业服务周活动', type:'2', text:'', time:'2022-06-06'}
-      ],
+      massList:[],
       mySwiper:null,
     };
   },
@@ -378,9 +374,32 @@ export default {
     }
   },
   mounted() {
+    window.addEventListener('scroll',this.scrollEvent) // 监听滚动事件，然后⽤scrollEvent这个⽅法进⾏相应的处
     this.initMsg()
   },
   methods: {
+    scrollEvent(){
+      let anchor1 = this.$el.querySelector('#group1').offsetTop;
+      let anchor2 = this.$el.querySelector('#group2').offsetTop;
+      let anchor3 = this.$el.querySelector('#group3').offsetTop;
+      let anchor4 = this.$el.querySelector('#group4').offsetTop;
+      let anchor5 = this.$el.querySelector('#group5').offsetTop;
+      let anchor6 = this.$el.querySelector('#group6').offsetTop;
+      let currentArr = [
+        { scrollTopData:anchor1, currentHash: '#group1' },
+        { scrollTopData:anchor2, currentHash: '#group2' },
+        { scrollTopData:anchor3, currentHash: '#group3' },
+        { scrollTopData:anchor4, currentHash: '#group4' },
+        { scrollTopData:anchor5, currentHash: '#group5' },
+        { scrollTopData:anchor6, currentHash: '#group6' },
+      ]
+      let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+      currentArr.forEach((item,index) => {
+        if(item.scrollTopData >= (scrollTop - 50) && item.scrollTopData <= (scrollTop + 50)){
+          this.hash = item.currentHash
+        }
+      })
+    },
     getPath(){
       this.hash = this.$route.hash
       this.changePageScroll(this.$route.hash)
@@ -687,7 +706,7 @@ export default {
                 }
               }
               .textContent{
-                max-width: 939px;
+                width: 939px;
                 height: auto;
                 .title{
                   width: 100%;
@@ -704,7 +723,7 @@ export default {
                 }
                 .content{
                   width: 100%;
-                  height: auto;
+                  height: 56px;
                   font-size: 15px;
                   color: #555555;
                   line-height: 28px;
@@ -739,6 +758,15 @@ export default {
                 font-size: 17px;
                 color: #222222;
                 line-height: 64px;
+                &:hover{
+                  color: #1764DF;
+                }
+                .pic-img{
+                  width: 226px;
+                  height: 145px;
+                  margin-right: 25px;
+                  vertical-align: middle;
+                }
                 .icon-img{
                   width: 9px;
                   height: 9px;

src/views/home/index.vue

@@ -263,7 +263,10 @@ export default {
     };
   },
   watch:{
-    '$route': 'getPath'
+    '$route': 'getPath',
+    hash(newVal,oldVal){
+      this.hash = newVal
+    }
   },
   created(){
     let self=this;
@@ -278,7 +281,7 @@ export default {
     }
   },
   mounted() {
-    // this.checkWeChatCode()
+    window.addEventListener('scroll',this.scrollEvent) // 监听滚动事件，然后⽤scrollEvent这个⽅法进⾏相应的处
 
     this.homeNewsList()
     this.homeBookClassList()
@@ -296,6 +299,26 @@ export default {
     
   },
   methods: {
+    scrollEvent(){
+      let anchor1 = this.$el.querySelector('#home1').offsetTop;
+      let anchor2 = this.$el.querySelector('#home2').offsetTop;
+      let anchor3 = this.$el.querySelector('#home3').offsetTop;
+      let anchor4 = this.$el.querySelector('#home4').offsetTop;
+      let anchor5 = this.$el.querySelector('#home5').offsetTop;
+      let currentArr = [
+        { scrollTopData:anchor1, currentHash: '#home1' },
+        { scrollTopData:anchor2, currentHash: '#home2' },
+        { scrollTopData:anchor3, currentHash: '#home3' },
+        { scrollTopData:anchor4, currentHash: '#home4' },
+        { scrollTopData:anchor5, currentHash: '#home5' },
+      ]
+      let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+      currentArr.forEach((item,index) => {
+        if(item.scrollTopData >= (scrollTop - 50) && item.scrollTopData <= (scrollTop + 50)){
+          this.hash = item.currentHash
+        }
+      })
+    },
     getPath(){
       this.hash = this.$route.hash
       this.changePageScroll(this.$route.hash)

src/views/marketingService/index.vue

@@ -8,8 +8,8 @@
     </div>
 
     <!-- 营销中心 -->
-    <div class="bookProduce" id="marketing1" v-if="resourcePlatformList[0]">
-      <div class="bookProduceContent">
+    <div class="bookProduce" id="marketing1">
+      <div class="bookProduceContent" v-if="resourcePlatformList[0]">
         <div class="bookProduceTop">
           <div class="topTitleContent">
             <div class="titleBg">MARKETING CENTER</div>
@@ -266,6 +266,7 @@ export default {
     }
   },
   mounted() {
+    window.addEventListener('scroll',this.scrollEvent) // 监听滚动事件，然后⽤scrollEvent这个⽅法进⾏相应的处
     this.initList()
     this.getAdsign()
   },
@@ -273,6 +274,24 @@ export default {
     
   },
   methods: {
+    scrollEvent(){
+      let anchor1 = this.$el.querySelector('#marketing1').offsetTop;
+      let anchor2 = this.$el.querySelector('#marketing2').offsetTop;
+      let anchor3 = this.$el.querySelector('#marketing3').offsetTop;
+      let anchor4 = this.$el.querySelector('#marketing4').offsetTop;
+      let currentArr = [
+        { scrollTopData:anchor1, currentHash: '#marketing1' },
+        { scrollTopData:anchor2, currentHash: '#marketing2' },
+        { scrollTopData:anchor3, currentHash: '#marketing3' },
+        { scrollTopData:anchor4, currentHash: '#marketing4' },
+      ]
+      let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+      currentArr.forEach((item,index) => {
+        if(item.scrollTopData >= (scrollTop - 50) && item.scrollTopData <= (scrollTop + 50)){
+          this.hash = item.currentHash
+        }
+      })
+    },
     getPath(){
       this.hash = this.$route.hash
       this.changePageScroll(this.$route.hash)
@@ -338,6 +357,8 @@ export default {
     downLoadInfo(item){
       if(item.file){
         window.open(this.fileUrl + '?fileName=' + item.file + '&isOnLine=true','_self')
+      }else{
+        this.$message.warning('该资源无法下载')
       }
     },
 

src/views/mine/index.vue

@@ -255,12 +255,31 @@ export default {
     }
   },
   mounted() {
+    window.addEventListener('scroll',this.scrollEvent) // 监听滚动事件，然后⽤scrollEvent这个⽅法进⾏相应的处
     this.initMsg()
   },
   beforeDestroy(){
     
   },
   methods: {
+    scrollEvent(){
+      let anchor1 = this.$el.querySelector('#mine1').offsetTop;
+      let anchor2 = this.$el.querySelector('#mine2').offsetTop;
+      let anchor3 = this.$el.querySelector('#mine3').offsetTop;
+      let anchor4 = this.$el.querySelector('#mine4').offsetTop;
+      let currentArr = [
+        { scrollTopData:anchor1, currentHash: '#mine1' },
+        { scrollTopData:anchor2, currentHash: '#mine2' },
+        { scrollTopData:anchor3, currentHash: '#mine3' },
+        { scrollTopData:anchor4, currentHash: '#mine4' },
+      ]
+      let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+      currentArr.forEach((item,index) => {
+        if(item.scrollTopData >= (scrollTop - 50) && item.scrollTopData <= (scrollTop + 50)){
+          this.hash = item.currentHash
+        }
+      })
+    },
     getPath(){
       this.hash = this.$route.hash
       this.changePageScroll(this.$route.hash)
@@ -776,6 +795,7 @@ export default {
               font-weight: bold;
               color: #2C5A86;
               line-height: 28px;
+              word-break: break-all;
             }
           }
         }

src/views/pressCenter/detail.vue

@@ -84,6 +84,7 @@ export default {
       totalPage:1,
       isShare:false,
       config:{
+        url:window.href,
         sites: ['wechat','weibo','qq','qzone'], // 启用的站点
         wechatQrcodeTitle: "微信扫一扫：分享", // 微信二维码提示文字
         wechatQrcodeHelper: '<p>微信里点“发现”，扫一下</p><p>二维码便可将本文分享至朋友圈。</p>',

src/views/productsWorld/detail.vue

@@ -30,6 +30,7 @@
             <div class="bottomPressCell" v-for="(item,index) in downResourceList" :key="'pd'+index">
               <div class="cellLeft">
                 <div class="typeImg">
+                  <img src="@/assets/productsWorld/ebook.png" alt="" v-if="item.resourceType == '2'">
                   <img src="@/assets/productsWorld/video.png" alt="" v-if="item.resourceType == '5'">
                   <img src="@/assets/productsWorld/audio.png" alt="" v-if="item.resourceType == '6'">
                   <img src="@/assets/productsWorld/pic.png" alt="" v-if="item.resourceType == '9'">
@@ -420,7 +421,7 @@ export default {
             }
             .synopses{
               width: 100%;
-              height: auto;
+              height: 72px;
               font-size: 14px;
               color: #777777;
               line-height: 24px;

src/views/productsWorld/index.vue

@@ -160,7 +160,7 @@
     </div>
 
     <!-- 资源平台 -->
-    <div class="resourcePlatform" id="produce3">
+    <div class="resourcePlatform" id="produce4">
       <div class="resourcePlatformContent">
         <div class="bgContent"></div>
         <div class="resourcePlatformTop">
@@ -194,7 +194,7 @@
     </div>
 
     <!-- 资源下载 -->
-    <div class="resourceDownload" id="produce4">
+    <div class="resourceDownload" id="produce5">
       <div class="resourceDownloadContent">
         <div class="bgContent"></div>
         <div class="resourceDownloadTop">
@@ -355,6 +355,7 @@ export default {
     }
   },
   mounted() {
+    window.addEventListener('scroll',this.scrollEvent) // 监听滚动事件，然后⽤scrollEvent这个⽅法进⾏相应的处
     this.initMsg()
     this.getAdsign()
     var swiper = new Swiper('.swiper-container', {
@@ -373,6 +374,26 @@ export default {
 
   },
   methods: {
+    scrollEvent(){
+      let anchor1 = this.$el.querySelector('#produce1').offsetTop;
+      let anchor2 = this.$el.querySelector('#produce2').offsetTop;
+      let anchor3 = this.$el.querySelector('#produce3').offsetTop;
+      let anchor4 = this.$el.querySelector('#produce4').offsetTop;
+      let anchor5 = this.$el.querySelector('#produce5').offsetTop;
+      let currentArr = [
+        { scrollTopData:anchor1, currentHash: '#produce1' },
+        { scrollTopData:anchor2, currentHash: '#produce2' },
+        { scrollTopData:anchor3, currentHash: '#produce3' },
+        { scrollTopData:anchor4, currentHash: '#produce4' },
+        { scrollTopData:anchor5, currentHash: '#produce5' },
+      ]
+      let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+      currentArr.forEach((item,index) => {
+        if(item.scrollTopData >= (scrollTop - 50) && item.scrollTopData <= (scrollTop + 50)){
+          this.hash = item.currentHash
+        }
+      })
+    },
     getPath(){
       this.hash = this.$route.hash
       this.changePageScroll(this.$route.hash)

src/views/specialSeries/index.vue

@@ -82,6 +82,7 @@ export default {
       totalPage:1,
       isShare:false,
       config:{
+        url:window.href,
         sites: ['wechat','weibo','qq','qzone'], // 启用的站点
         wechatQrcodeTitle: "微信扫一扫：分享", // 微信二维码提示文字
         wechatQrcodeHelper: '<p>微信里点“发现”，扫一下</p><p>二维码便可将本文分享至朋友圈。</p>',

src/views/specialSeries/specialDetFirst.vue

@@ -27,15 +27,15 @@
       </div>
       <div class="special_body">
         <div class="special_type_body">
-          <div class="special_type_cell" v-for="(x,y) in special_tab_list" :key="'stc'+y" :class="(x.resourceType == '5' || x.resourceType == '16')&& special_type_body_list_all[y].length > 0?'whiteBg':''">
+          <div class="special_type_cell" v-for="(x,y) in special_tab_list" :key="'stc'+y" :class="(y==1 || y== 3 || y == 5)&& special_type_body_list_all[y].length > 0?'whiteBg':''">
             <div class="special_type_cell_top" v-if="special_type_body_list[y] && special_type_body_list[y].length > 0">
               <div class="cell_top_left">
                 <span class="ctl_name">{{x.name}}</span>
               </div>
-              <div class="cell_top_right" @click="moreData(y)" v-if="(x.resourceType == '2' || x.resourceType == '16') && special_type_body_list_all[y].length > 6 ||(x.resourceType == '5' || x.resourceType == '6') && special_type_body_list_all[y].length > 10"><span>more>></span></div>
+              <div class="cell_top_right" @click="moreData(y)" v-if="(x.resourceType == '2' || x.resourceType == '1') && special_type_body_list_all[y].length > 6 ||(x.resourceType != '1' && x.resourceType == '2') && special_type_body_list_all[y].length > 10"><span>more>></span></div>
             </div>
             <div class="special_type_cell_bottom" v-if="special_type_body_list[y] && special_type_body_list[y].length > 0">
-              <div class="special_type_num0" v-if="x.resourceType == '2'" :id="'specialType'+y">
+              <div class="special_type_num0" v-if="x.resourceType == '1' || x.resourceType == '2'" :id="'specialType'+y">
                 <div class="special_type_content0" v-for="(item,index) in special_type_body_list[y]" :key="'stc0'+index"  @click="toSpecialDetail(item)">
                   <div class="special_content_img">
                     <img :src="coverUrl(item.cover)" @error="errImg('book')" alt="">
@@ -78,7 +78,7 @@
                   </div>
                 </div>
               </div>
-              <div class="special_type_num3" v-if="x.resourceType == '16'" :id="'specialType'+y">
+              <div class="special_type_num3" v-if="x.resourceType == '9' || x.resourceType == '12'" :id="'specialType'+y">
                 <div class="special_type_content3" v-for="(item,index) in special_type_body_list[y]" :key="'stc3'+index" @click="toSpecialDetail(item)">
                   <div class="featured_cell_box">
                     <div class="fcb_left">
@@ -112,14 +112,7 @@ export default {
   data() {
     return {
       specialForm: {},
-      special_tab_list:[
-        { name:'新概念系列', type:'1', bgColor:'#FCBA41' },
-        { name:'品牌英语教程', type:'2', bgColor:'#EB6971' },
-        { name:'英语专项技能', type:'3', bgColor:'#C6C006' },
-        { name:'出国留学考试', type:'4', bgColor:'#BE71C1' },
-        { name:'生活实用英语', type:'5', bgColor:'#2FCBD3' },
-        { name:'英汉词典', type:'6', bgColor:'#FB9E41' },
-      ],
+      special_tab_list:[],
       level:0, //用户类别：0 普通用户，1专家用户，2机构用户
       currentSpecialIndex:null,
       special_type_body_list:{},
@@ -228,21 +221,27 @@ export default {
           if(num == 0){
             this.special_type_body_list_all[0] = res.data.data.list
             this.special_type_body_list[0] = res.data.data.list.slice(0,sliceNum)
+            console.log(this.special_type_body_list[0],'00000000')
           }else if(num == 1){
             this.special_type_body_list_all[1] = res.data.data.list
             this.special_type_body_list[1] = res.data.data.list.slice(0,sliceNum)
+            console.log(this.special_type_body_list[1],'11111111')
           }else if(num == 2){
             this.special_type_body_list_all[2] = res.data.data.list
             this.special_type_body_list[2] = res.data.data.list.slice(0,sliceNum)
+            console.log(this.special_type_body_list[2],'2222222')
           }else if(num == 3){
             this.special_type_body_list_all[3] = res.data.data.list
             this.special_type_body_list[3] = res.data.data.list.slice(0,sliceNum)
+            console.log(this.special_type_body_list[3],'3333333')
           }else if(num == 4){
             this.special_type_body_list_all[4] = res.data.data.list
             this.special_type_body_list[4] = res.data.data.list.slice(0,sliceNum)
+            console.log(this.special_type_body_list[4],'4444444')
           }else if(num == 5){
             this.special_type_body_list_all[5] = res.data.data.list
             this.special_type_body_list[5] = res.data.data.list.slice(0,sliceNum)
+            console.log(this.special_type_body_list[5],'5555555')
           }
           this.$forceUpdate()
         }
@@ -291,6 +290,8 @@ export default {
         bottom: 0;
         margin: auto;
         z-index: 1;
+        padding: 0 40px;
+        box-sizing: border-box;
         .name{
           font-size: 36px;
           font-weight: 800;
@@ -407,6 +408,9 @@ export default {
           padding-top: 40px;
           background: transparent;
           margin-bottom: 28px;
+          &:nth-last-of-type(1){
+            margin-bottom: 0;
+          }
           .special_type_cell_top{
             width: 1200px;
             margin: 0 auto;
@@ -529,11 +533,11 @@ export default {
               flex-wrap: wrap;
               .special_type_content1{
                 width: 224px;
-                height: 230px;
+                height: 245px;
                 background: #FFFFFF;
                 margin-right: 20px;
                 margin-bottom: 30px;
-                padding: 0 2px;
+                padding: 0;
                 box-sizing: border-box;
                 cursor: pointer;
                 &:nth-of-type(5n){
@@ -550,11 +554,12 @@ export default {
                 }
                 .special_content1_detail{
                   width: 100%;
+                  padding: 0 15px;
+                  box-sizing: border-box;
                   .detail_name{
                     width: 100%;
-                    min-height: 50px;
+                    height: 48px;
                     font-size: 15px;
-                    
                     font-weight: 500;
                     color: #222222;
                     line-height: 24px;

src/views/specialSeries/specialDetSecond.vue

@@ -80,15 +80,7 @@ export default {
       resourceList4:[],
       resourceList5:[],
       level:0, //用户类别：0 普通用户，1专家用户，2机构用户
-
-      special_tab_list:[
-        { name:'新概念系列', type:'1', bgColor:'#FCBA41' },
-        { name:'品牌英语教程', type:'2', bgColor:'#EB6971' },
-        { name:'英语专项技能', type:'3', bgColor:'#C6C006' },
-        { name:'出国留学考试', type:'4', bgColor:'#BE71C1' },
-        { name:'生活实用英语', type:'5', bgColor:'#2FCBD3' },
-        { name:'英汉词典', type:'6', bgColor:'#FB9E41' },
-      ],
+      special_tab_list:[],
       currentSpecialIndex:0,
       special_type_body_list:[],
       totalPage:0,
@@ -158,20 +150,7 @@ export default {
         if(res.data.code === 0) {
           this.specialForm = res.data.data
           document.title = this.specialForm.name + '-外研社资源库'
-          let head = document.getElementsByTagName('head');
-          let meta = document.createElement('meta');
-          let con =  this.getText(this.specialForm.synopsis)
-          if(con&&con.length>160){
-            con = con.substring(0,160)
-          }
-          document.querySelector('meta[name="Keywords"]').setAttribute('content', this.specialForm.name)
-          document.querySelector('meta[name="description"]').setAttribute('content', con)
-          head[0].appendChild(meta)
-          this.modulesList = this.specialForm.dms
-          this.special_tab_list = this.special_tab_list.slice(0,this.modulesList.length)
-          this.modulesList.forEach((item,index) => {
-            this.special_tab_list[index].name = item.name
-          })
+          this.special_tab_list = this.specialForm.dms
           this.specialResource(0)
         } else {
           this.$message.error('请求数据失败')
@@ -179,7 +158,7 @@ export default {
       })
     },
     specialResource(num){
-      this.listQuery.oid = this.modulesList[num].id
+      this.listQuery.oid = this.special_tab_list[num].id
       specialResourceAPI(this.listQuery).then(res => {
         if(res.data.code == 0){
           this.$nextTick(() => {

vue.config.js

@@ -8,7 +8,7 @@ function resolve(dir) {
 }
 
 module.exports  =   {
-    publicPath: './', //基本路径
+    publicPath: '/', //基本路径
     outputDir: 'dist', //输出文件目录
     lintOnSave: false,
     assetsDir: 'static', //css js 等静态文件目录