样式修改

src/assets/components/Header.vue

@@ -85,7 +85,7 @@ export default {
           background url("~@/assets/images/email.png") no-repeat left center
     .nav
       padding 10px 20px
-      background #fff
+      background rgba(255,255,255,0.6)
       border-radius 10px
       &:after
         content ''

src/pages/Index/Index.vue

@@ -34,24 +34,24 @@
       </div>
     </div>
 <!--    <banner :bannerList="bannerList"></banner>-->
-    <div class="nav">
+<!--    <div class="nav">-->
-      <div class="nav-container">
+<!--      <div class="nav-container">-->
-        <ul>
+<!--        <ul>-->
-          <li class="active">网站首页</li>
+<!--          <li class="active">网站首页</li>-->
-          <router-link to="/info" tag="li">信息公告</router-link>
+<!--          <router-link to="/info" tag="li">信息公告</router-link>-->
-          <router-link to="/company" tag="li">
+<!--          <router-link to="/company" tag="li">-->
-            关于我们
+<!--            关于我们-->
-            <div class="child">
+<!--            <div class="child">-->
-              <router-link to="/company">公司简介</router-link>
+<!--              <router-link to="/company">公司简介</router-link>-->
-              <router-link to="/honor">公司荣誉</router-link>
+<!--              <router-link to="/honor">公司荣誉</router-link>-->
-            </div>
+<!--            </div>-->
-          </router-link>
+<!--          </router-link>-->
-          <router-link to="/policy" tag="li">政策法规</router-link>
+<!--          <router-link to="/policy" tag="li">政策法规</router-link>-->
-          <router-link to="/contact" tag="li">联系我们</router-link>
+<!--          <router-link to="/contact" tag="li">联系我们</router-link>-->
-          <router-link to="/recruit" tag="li">职位招聘</router-link>
+<!--          <router-link to="/recruit" tag="li">职位招聘</router-link>-->
-        </ul>
+<!--        </ul>-->
-      </div>
+<!--      </div>-->
-    </div>
+<!--    </div>-->
     <Intro :introContent="introContent"></Intro>
     <Bidding :biddingList="biddingList" :winBidList="winBidList"></Bidding>
     <CompanyInfo :honorIntro="honorIntro" :policyIntro="policyIntro" :recruitIntro="recruitIntro"></CompanyInfo>
@@ -226,7 +226,7 @@ export default {
   .logo
     width 1200px
     margin 0 auto
-    background #fff
+    background rgba(255,255,255,0.6)
     padding 10px 20px
     box-sizing border-box
     border-radius 10px

src/pages/InfoPublic/InfoPublic.vue

@@ -32,7 +32,7 @@
           </div>
           <button @click="changeType">搜索</button>
         </div>
-        <div class="info-list">
+        <div class="info-list" v-if="noticeList && noticeList.length > 0">
           <ul>
             <li :title="news.newsContentTitle" v-for="(news, idx) in noticeList" :key="idx" @click="goDetail(news.newsContentLink, news.templateRecordUrl, news.newsContentType, news.newsContentContent)">
               <div class="info-title">
@@ -53,7 +53,7 @@
           </ul>
         </div>
       </div>
-      <div class="pager" v-if="page.totalPage > 1">
+      <div class="pager" v-if="page.totalPage > 1 && noticeList.length > 0">
         <span @click="paging(1)">首页</span>
         <span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
         <ul v-if="page.totalPage > 0 && page.totalPage <= 5">
@@ -75,6 +75,9 @@
         <span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
         <span @click="paging(page.totalPage)">尾页</span>
       </div>
+      <div class="no-data" v-if="noticeList && noticeList.length == 0">
+        <img src="@/assets/images/no-data.png" alt="">
+      </div>
     </div>
     <div class="loading" v-if="isLoading">
       <img src="@/assets/images/loading.gif" alt="">
@@ -183,6 +186,11 @@ export default {
   padding 30px
   border-radius 10px
   box-shadow 0 0 17px #DEDEDE
+.no-data
+  padding 200px 0
+  text-align center
+  img
+    width 200px
 .banner, .banner img
   width 100%
   height 400px

src/pages/Policy/Policy.vue

@@ -26,7 +26,7 @@
           </div>
           <button @click="dosearch">搜索</button>
         </div>
-        <div class="info-list">
+        <div class="info-list" v-if="lawList && lawList.length > 0">
           <ul>
             <li :title="news.newsContentTitle"  v-for="(news, idx) in lawList" :key="idx" @click="goDetail(news.newsContentLink, news.templateRecordUrl, news.newsContentType, news.newsContentContent)">
               <div class="info-title">
@@ -43,7 +43,7 @@
           </ul>
         </div>
       </div>
-      <div class="pager" v-if="page.totalPage > 1">
+      <div class="pager" v-if="page.totalPage > 1 && lawList.length > 0">
         <span @click="paging(1)">首页</span>
         <span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
         <ul v-if="page.totalPage > 0 && page.totalPage <= 5">
@@ -65,6 +65,12 @@
         <span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
         <span @click="paging(page.totalPage)">尾页</span>
       </div>
+      <div class="no-data" v-if="lawList && lawList.length == 0">
+        <img src="@/assets/images/no-data.png" alt="">
+      </div>
+    </div>
+    <div class="loading" v-if="isLoading">
+      <img src="@/assets/images/loading.gif" alt="">
     </div>
     <Footer></Footer>
   </div>
@@ -95,13 +101,13 @@ export default {
       },
       lawList: [],
       isLoading: false,
-      coverPhoto: ''
+      coverPhoto: '',
     }
   },
   methods: {
     dosearch: function () {
       this.page.page = 1
-      this.getList()
+      this.getLawList()
     },
     goDetail: function (link, url, type, outlink) {
       if (type === '6') {
@@ -136,6 +142,7 @@ export default {
     },
   },
   mounted() {
+    var self = this
     this.getLawList()
     this.getBoxIntro()
     laydate.render({
@@ -165,6 +172,11 @@ export default {
   padding 30px
   border-radius 10px
   box-shadow 0 0 17px #DEDEDE
+.no-data
+  padding 200px 0
+  text-align center
+  img
+    width 200px
 .banner, .banner img
   width 100%
   height 400px