添加菜单栏

src/App.vue

@@ -3,7 +3,7 @@
     <div id="app">
       <HeadNav />
       <Carousel />
-      <router-view></router-view>
+      <router-view style="min-height: 1500px"></router-view>
       <Footer />
     </div>
   </a-config-provider>
@@ -41,9 +41,25 @@ body,
   background: transparent;
 }
 body {
-  background: #f5f5f5 !important;
+  /* background: #f5f5f5 !important; */
 }
 body::-webkit-scrollbar {
   width: 0;
 }
+.bg-top{
+  position: relative;
+  top: 0;
+  width: 100%;
+  min-height: 1500px;
+  background: url(./assets/bg-top.png) top no-repeat;
+  background-size: 100%;
+}
+.bg-bottom{
+  position: relative;
+  bottom: 0;
+  width: 100%;
+  background: url(./assets/bg-bottom.png) bottom no-repeat;
+  background-size: 100%;
+  padding-bottom: 100px;
+}
 </style>

src/components/Footer/Footer.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="footer-box" :class="isTrue ? 'white' : 'blue'" style="margin-top:100px;position:relative">
+  <div class="footer-box" :class="isTrue ? 'white' : 'blue'" style="position:relative">
     <div v-if="!isTrue" class="other-link"></div>
     <div class="content-1180">
       <div class="d-flex" style="margin-top:20px" :class="isTrue ? '' : 'justify-center'">
@@ -86,7 +86,7 @@ export default {
 }
 .blue {
   background: rgb(0, 53, 107);
-  margin-top: 160px !important;
+  margin-top: 80px !important;
   color: #ccc !important;
 }
 .footer-link {

src/views/CompanyProfile/CompanyProfile.vue

@@ -1,6 +1,8 @@
 <template>
+<div class="bg-bottom">
+    <div class="bg-top">
   <div class="content-1180">
-    <div class="d-flex mt-4">
+    <div class="d-flex pt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
         <Location />
@@ -10,6 +12,8 @@
       </div>
     </div>
   </div>
+  </div>
+  </div>
 </template>
 <script>
 import { mapActions } from 'vuex';

src/views/FirstPages/FirstPage.vue

@@ -1,234 +1,238 @@
 <template>
-  <div class="content-1180">
-    <div class="news-box mt-4 d-flex justify-space-between">
-      <!-- 集团新闻 -->
-      <div class="flex-1 mr-4 p-4 flex-column">
-        <div class="new-box-title d-flex justify-space-between">
-          <div class="d-flex align-start">
-            <div class="icon-red mr-1" style="margin-top: 10px;"></div>
-            <div style="font-size:22px;color: #333;font-weight:600;margin-top:3px;">集团新闻</div>
-          </div>
-          <div class="d-flex align-center" style="height: 100%;cursor: pointer;" @click="openPage('news', '0201', '')">更多></div>
-        </div>
-        <div class="new-box-content d-flex flex-column justify-space-between pt-4">
-          <div class="d-flex" v-for="newContent in groupNews" :key="newContent.introId">
-            <div class="content-date">
-              <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
-              <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
+  <div class="bg-bottom">
+    <div class="bg-top">
+      <div class="content-1180">
+        <div class="news-box pt-4 d-flex justify-space-between">
+          <!-- 集团新闻 -->
+          <div class="flex-1 mr-4 p-4 flex-column">
+            <div class="new-box-title d-flex justify-space-between">
+              <div class="d-flex align-start">
+                <div class="icon-red mr-1" style="margin-top: 10px;"></div>
+                <div style="font-size:22px;color: #333;font-weight:600;margin-top:3px;">集团新闻</div>
+              </div>
+              <div class="d-flex align-center" style="height: 100%;cursor: pointer;" @click="openPage('news', '0201', '')">更多></div>
             </div>
-            <div class="flex-1 new-box-content-jj" @click="openPage('news', '0201', newContent.introId)">{{ newContent.title }}</div>
-          </div>
-        </div>
-      </div>
-      <!-- 省公司新闻 -->
-      <div class="flex-1 mr-4 p-4 flex-column">
-        <div class="new-box-title d-flex justify-space-between">
-          <div class="d-flex align-start">
-            <div class="icon-red mr-1" style="margin-top: 10px;"></div>
-            <div style="font-size:22px;color: #333;font-weight:600;margin-top:3px;">省公司新闻</div>
-          </div>
-          <div class="d-flex align-center" style="height: 100%;cursor: pointer;" @click="openPage('news', '0202', '')">更多></div>
-        </div>
-        <div class="new-box-content d-flex flex-column justify-space-between pt-4">
-          <div class="d-flex" v-for="newContent in provincialNews" :key="newContent.introId">
-            <div class="content-date">
-              <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
-              <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
+            <div class="new-box-content d-flex flex-column justify-space-between pt-4">
+              <div class="d-flex" v-for="newContent in groupNews" :key="newContent.introId">
+                <div class="content-date">
+                  <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
+                  <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
+                </div>
+                <div class="flex-1 new-box-content-jj" @click="openPage('news', '0201', newContent.introId)">{{ newContent.title }}</div>
+              </div>
             </div>
-            <div class="flex-1 new-box-content-jj" @click="openPage('news', '0202', newContent.introId)">{{ newContent.title }}</div>
           </div>
-        </div>
-      </div>
-      <!-- 公司新闻 -->
-      <div class="flex-1 p-4 flex-column">
-        <div class="new-box-title d-flex justify-space-between">
-          <div class="d-flex align-start">
-            <div class="icon-red mr-1" style="margin-top: 10px;"></div>
-            <div style="font-size:22px;color: #333;font-weight:600;margin-top:3px;">公司新闻</div>
-          </div>
-          <div class="d-flex align-center" style="height: 100%;cursor: pointer;" @click="openPage('news', '0203', '')">更多></div>
-        </div>
-        <div class="new-box-content d-flex flex-column justify-space-between pt-4">
-          <div class="d-flex" v-for="newContent in companyNews" :key="newContent.introId">
-            <div class="content-date">
-              <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
-              <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
+          <!-- 省公司新闻 -->
+          <div class="flex-1 mr-4 p-4 flex-column">
+            <div class="new-box-title d-flex justify-space-between">
+              <div class="d-flex align-start">
+                <div class="icon-red mr-1" style="margin-top: 10px;"></div>
+                <div style="font-size:22px;color: #333;font-weight:600;margin-top:3px;">省公司新闻</div>
+              </div>
+              <div class="d-flex align-center" style="height: 100%;cursor: pointer;" @click="openPage('news', '0202', '')">更多></div>
             </div>
-            <div class="flex-1 new-box-content-jj" @click="openPage('news', '0203', newContent.introId)">{{ newContent.title }}</div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="mt-4 policy">
-      <img src="@/assets/16fangzhen.png" alt="" />
-      <p>
-        <span class="mr-4">阿弥陀佛</span>
-        <span class="mr-4">阿弥陀佛</span>
-        <span class="mr-4">阿弥陀佛</span>
-        <span>阿弥陀佛</span>
-      </p>
-    </div>
-    <!-- 图片新闻 -->
-    <div class="news-img p-4 mt-4 d-flex flex-column">
-      <div class="new-box-title d-flex justify-space-between">
-        <div class="d-flex align-start">
-          <div class="icon-red mr-1" style="margin-top: 10px;"></div>
-          <div style="font-size:22px;color: #333;font-weight:600;margin-top:3px;">图片新闻</div>
-        </div>
-        <div class="d-flex align-center" style="height: 100%;cursor: pointer;" @click="openPage('news', '0204', '')">更多></div>
-      </div>
-      <div class="flex-1 flex-column justify-space-between mt-4">
-        <div class="flex-1">
-          <div class="flex-1 mr-4">
-            <a-carousel style="width: 650px" autoplay>
-              <div class="rotation-box" v-for="newContent in ImgNews1" :key="newContent.introId">
-                <img :src="newContent.titleUrl" style="height: 369.5px;width: 100%" alt="" />
-                <div class="rotation-div one-text">
-                  {{ newContent.title }}
+            <div class="new-box-content d-flex flex-column justify-space-between pt-4">
+              <div class="d-flex" v-for="newContent in provincialNews" :key="newContent.introId">
+                <div class="content-date">
+                  <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
+                  <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
                 </div>
+                <div class="flex-1 new-box-content-jj" @click="openPage('news', '0202', newContent.introId)">{{ newContent.title }}</div>
               </div>
-            </a-carousel>
+            </div>
           </div>
-          <div class="news-img-content d-flex flex-column justify-space-between p-4">
-            <div class="d-flex" v-for="newContent in ImgNews1" :key="newContent.introId">
-              <div class="content-date">
-                <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
-                <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
+          <!-- 公司新闻 -->
+          <div class="flex-1 p-4 flex-column">
+            <div class="new-box-title d-flex justify-space-between">
+              <div class="d-flex align-start">
+                <div class="icon-red mr-1" style="margin-top: 10px;"></div>
+                <div style="font-size:22px;color: #333;font-weight:600;margin-top:3px;">公司新闻</div>
+              </div>
+              <div class="d-flex align-center" style="height: 100%;cursor: pointer;" @click="openPage('news', '0203', '')">更多></div>
+            </div>
+            <div class="new-box-content d-flex flex-column justify-space-between pt-4">
+              <div class="d-flex" v-for="newContent in companyNews" :key="newContent.introId">
+                <div class="content-date">
+                  <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
+                  <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
+                </div>
+                <div class="flex-1 new-box-content-jj" @click="openPage('news', '0203', newContent.introId)">{{ newContent.title }}</div>
               </div>
-              <div class="flex-1 new-box-content-jj" @click="openPage('news', '0201', newContent.introId)">{{ newContent.title }}</div>
             </div>
           </div>
         </div>
-        <div class="flex-1 mt-4">
-          <div class="news-img-content d-flex flex-column justify-space-between p-4">
-            <div class="d-flex" v-for="newContent in ImgNews2" :key="newContent.introId">
-              <div class="content-date">
-                <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
-                <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
-              </div>
-              <div class="flex-1 new-box-content-jj" @click="openPage('news', '0202', newContent.introId)">{{ newContent.title }}</div>
+        <div class="mt-4 policy">
+          <img src="@/assets/16fangzhen.png" alt="" />
+          <p>
+            <span class="mr-4">阿弥陀佛</span>
+            <span class="mr-4">阿弥陀佛</span>
+            <span class="mr-4">阿弥陀佛</span>
+            <span>阿弥陀佛</span>
+          </p>
+        </div>
+        <!-- 图片新闻 -->
+        <div class="news-img p-4 mt-4 d-flex flex-column">
+          <div class="new-box-title d-flex justify-space-between">
+            <div class="d-flex align-start">
+              <div class="icon-red mr-1" style="margin-top: 10px;"></div>
+              <div style="font-size:22px;color: #333;font-weight:600;margin-top:3px;">图片新闻</div>
             </div>
+            <div class="d-flex align-center" style="height: 100%;cursor: pointer;" @click="openPage('news', '0204', '')">更多></div>
           </div>
-          <div class="flex-1">
-            <a-carousel style="width: 650px" autoplay>
-              <div class="rotation-box" v-for="newContent in ImgNews2" :key="newContent.introId">
-                <img :src="newContent.titleUrl" style="height: 369.5px;width: 100%" alt="" />
-                <div class="rotation-div one-text">
-                  {{ newContent.title }}
+          <div class="flex-1 flex-column justify-space-between mt-4">
+            <div class="flex-1">
+              <div class="flex-1 mr-4">
+                <a-carousel style="width: 650px" autoplay>
+                  <div class="rotation-box" v-for="newContent in ImgNews1" :key="newContent.introId">
+                    <img :src="newContent.titleUrl" style="height: 369.5px;width: 100%" alt="" />
+                    <div class="rotation-div one-text">
+                      {{ newContent.title }}
+                    </div>
+                  </div>
+                </a-carousel>
+              </div>
+              <div class="news-img-content d-flex flex-column justify-space-between p-4">
+                <div class="d-flex" v-for="newContent in ImgNews1" :key="newContent.introId">
+                  <div class="content-date">
+                    <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
+                    <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
+                  </div>
+                  <div class="flex-1 new-box-content-jj" @click="openPage('news', '0201', newContent.introId)">{{ newContent.title }}</div>
                 </div>
               </div>
-            </a-carousel>
-          </div>
-        </div>
-        <div class="flex-1 mt-4">
-          <div class="flex-1 mr-4">
-            <a-carousel style="width: 650px" autoplay>
-              <div class="rotation-box" v-for="newContent in ImgNews3" :key="newContent.introId">
-                <img :src="newContent.titleUrl" style="height: 369.5px;width: 100%" alt="" />
-                <div class="rotation-div one-text">
-                  {{ newContent.title }}
+            </div>
+            <div class="flex-1 mt-4">
+              <div class="news-img-content d-flex flex-column justify-space-between p-4">
+                <div class="d-flex" v-for="newContent in ImgNews2" :key="newContent.introId">
+                  <div class="content-date">
+                    <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
+                    <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
+                  </div>
+                  <div class="flex-1 new-box-content-jj" @click="openPage('news', '0202', newContent.introId)">{{ newContent.title }}</div>
                 </div>
               </div>
-            </a-carousel>
-          </div>
-          <div class="news-img-content d-flex flex-column justify-space-between p-4">
-            <div class="d-flex" v-for="newContent in ImgNews3" :key="newContent.introId">
-              <div class="content-date">
-                <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
-                <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
+              <div class="flex-1">
+                <a-carousel style="width: 650px" autoplay>
+                  <div class="rotation-box" v-for="newContent in ImgNews2" :key="newContent.introId">
+                    <img :src="newContent.titleUrl" style="height: 369.5px;width: 100%" alt="" />
+                    <div class="rotation-div one-text">
+                      {{ newContent.title }}
+                    </div>
+                  </div>
+                </a-carousel>
+              </div>
+            </div>
+            <div class="flex-1 mt-4">
+              <div class="flex-1 mr-4">
+                <a-carousel style="width: 650px" autoplay>
+                  <div class="rotation-box" v-for="newContent in ImgNews3" :key="newContent.introId">
+                    <img :src="newContent.titleUrl" style="height: 369.5px;width: 100%" alt="" />
+                    <div class="rotation-div one-text">
+                      {{ newContent.title }}
+                    </div>
+                  </div>
+                </a-carousel>
+              </div>
+              <div class="news-img-content d-flex flex-column justify-space-between p-4">
+                <div class="d-flex" v-for="newContent in ImgNews3" :key="newContent.introId">
+                  <div class="content-date">
+                    <div class="content-date-day">{{ $moment(+newContent.publishTime).format('DD') }}</div>
+                    <div class="content-date-year">{{ $moment(+newContent.publishTime).format('YYYY-MM') }}</div>
+                  </div>
+                  <div class="flex-1 new-box-content-jj" @click="openPage('news', '0203', newContent.introId)">{{ newContent.title }}</div>
+                </div>
               </div>
-              <div class="flex-1 new-box-content-jj" @click="openPage('news', '0203', newContent.introId)">{{ newContent.title }}</div>
             </div>
           </div>
         </div>
-      </div>
-    </div>
-    <!-- 专题报道 光荣榜 今天我出镜 -->
-    <div class="honor-box mt-4 p-4 d-flex justify-space-between">
-      <div class="flex-1 flex-column content-honor mr-4 p-4">
-        <div class="honor-title d-flex justify-space-between">
-          <div style="font-size:22px">
-            <img style="height:26px" src="@/assets/honor-title.png" alt="" />
-            专题报道
-          </div>
-          <div class="d-flex align-center" style="cursor: pointer;">
-            更多>
-          </div>
-        </div>
-        <div class="flex-1 flex-column justify-space-between pt-4">
-          <div v-for="item in specialList" :key="item.introId" class="d-flex justify-space-between">
-            <div class="one-text" style="cursor: pointer;">{{ item.title }}</div>
-            <div class="ml-4">{{ $moment(item.publishTime).format('MM/DD') }}</div>
-          </div>
-        </div>
-      </div>
-      <div class="flex-1 flex-column content-honor mr-4 p-4">
-        <div class="honor-title d-flex justify-space-between">
-          <div style="font-size:22px">
-            <img style="height:26px" src="@/assets/honor-title.png" alt="" />
-            光荣榜
-          </div>
-          <div class="d-flex align-center" style="cursor: pointer;">
-            更多>
-          </div>
-        </div>
-        <div class="flex-1 flex-column justify-space-between pt-4">
-          <div v-for="item in gloryList" :key="item.introId" class="d-flex justify-space-between">
-            <div class="one-text" style="cursor: pointer;">{{ item.title }}</div>
-            <div class="ml-4">{{ $moment(item.publishTime).format('MM/DD') }}</div>
-          </div>
-        </div>
-      </div>
-      <div class="flex-1 flex-column content-honor p-4">
-        <div class="honor-title d-flex justify-space-between">
-          <div style="font-size:22px">
-            <img style="height:26px" src="@/assets/honor-title.png" alt="" />
-            今天我出镜
+        <!-- 专题报道 光荣榜 今天我出镜 -->
+        <div class="honor-box mt-4 p-4 d-flex justify-space-between">
+          <div class="flex-1 flex-column content-honor mr-4 p-4">
+            <div class="honor-title d-flex justify-space-between">
+              <div style="font-size:22px">
+                <img style="height:26px" src="@/assets/honor-title.png" alt="" />
+                专题报道
+              </div>
+              <div class="d-flex align-center" style="cursor: pointer;">
+                更多>
+              </div>
+            </div>
+            <div class="flex-1 flex-column justify-space-between pt-4">
+              <div v-for="item in specialList" :key="item.introId" class="d-flex justify-space-between">
+                <div class="one-text" style="cursor: pointer;">{{ item.title }}</div>
+                <div class="ml-4">{{ $moment(item.publishTime).format('MM/DD') }}</div>
+              </div>
+            </div>
           </div>
-          <div class="d-flex align-center" style="cursor: pointer;">
-            更多>
+          <div class="flex-1 flex-column content-honor mr-4 p-4">
+            <div class="honor-title d-flex justify-space-between">
+              <div style="font-size:22px">
+                <img style="height:26px" src="@/assets/honor-title.png" alt="" />
+                光荣榜
+              </div>
+              <div class="d-flex align-center" style="cursor: pointer;">
+                更多>
+              </div>
+            </div>
+            <div class="flex-1 flex-column justify-space-between pt-4">
+              <div v-for="item in gloryList" :key="item.introId" class="d-flex justify-space-between">
+                <div class="one-text" style="cursor: pointer;">{{ item.title }}</div>
+                <div class="ml-4">{{ $moment(item.publishTime).format('MM/DD') }}</div>
+              </div>
+            </div>
           </div>
-        </div>
-        <div class="flex-1 flex-column justify-space-between pt-4">
-          <div v-for="item in exitList" :key="item.introId" class="d-flex justify-space-between">
-            <div class="one-text" style="cursor: pointer;">{{ item.title }}</div>
-            <div class="ml-4">{{ $moment(item.publishTime).format('MM/DD') }}</div>
+          <div class="flex-1 flex-column content-honor p-4">
+            <div class="honor-title d-flex justify-space-between">
+              <div style="font-size:22px">
+                <img style="height:26px" src="@/assets/honor-title.png" alt="" />
+                今天我出镜
+              </div>
+              <div class="d-flex align-center" style="cursor: pointer;">
+                更多>
+              </div>
+            </div>
+            <div class="flex-1 flex-column justify-space-between pt-4">
+              <div v-for="item in exitList" :key="item.introId" class="d-flex justify-space-between">
+                <div class="one-text" style="cursor: pointer;">{{ item.title }}</div>
+                <div class="ml-4">{{ $moment(item.publishTime).format('MM/DD') }}</div>
+              </div>
+            </div>
           </div>
         </div>
-      </div>
-    </div>
-    <!-- 职工风采 -->
-    <div class="news-demeanor mt-4 p-4 d-flex flex-column">
-      <div class="new-box-title d-flex justify-space-between">
-        <div class="d-flex align-start">
-          <div class="icon-red mr-1" style="margin-top: 10px;"></div>
-          <div style="font-size:22px;color: #333;font-weight:600;margin-top:3px;">职工风采</div>
-        </div>
-        <div class="d-flex align-center" style="height: 100%;cursor: pointer;" @click="openPage('news', '0210', '')">更多></div>
-      </div>
-      <div class="mt-4" style="overflow: hidden;">
-        <div class="demeanor-content-box">
-          <div class="demeanor-content mr-4" v-for="item in sceneStyle" :key="item.introId" @click="openPage('news', '0210', item.introId)">
-            <img :src="item.titleUrl" style="height:260px;width:100%;cursor: pointer;" :title="item.title" />
-            <div class="one-text-1">
-              {{ item.title }}
+        <!-- 职工风采 -->
+        <div class="news-demeanor mt-4 p-4 d-flex flex-column">
+          <div class="new-box-title d-flex justify-space-between">
+            <div class="d-flex align-start">
+              <div class="icon-red mr-1" style="margin-top: 10px;"></div>
+              <div style="font-size:22px;color: #333;font-weight:600;margin-top:3px;">职工风采</div>
             </div>
+            <div class="d-flex align-center" style="height: 100%;cursor: pointer;" @click="openPage('news', '0210', '')">更多></div>
           </div>
-          <div
-            class="demeanor-content mr-4"
-            v-for="item in sceneStyle"
-            :key="item.introId + '1'"
-            @click="openPage('news', '0210', item.introId)"
-          >
-            <img :src="item.titleUrl" style="height:260px;width:100%;cursor: pointer;" :title="item.title" />
-            <div class="one-text-1">
-              {{ item.title }}
+          <div class="mt-4" style="overflow: hidden;">
+            <div class="demeanor-content-box">
+              <div class="demeanor-content mr-4" v-for="item in sceneStyle" :key="item.introId" @click="openPage('news', '0210', item.introId)">
+                <img :src="item.titleUrl" style="height:260px;width:100%;cursor: pointer;" :title="item.title" />
+                <div class="one-text-1">
+                  {{ item.title }}
+                </div>
+              </div>
+              <div
+                class="demeanor-content mr-4"
+                v-for="item in sceneStyle"
+                :key="item.introId + '1'"
+                @click="openPage('news', '0210', item.introId)"
+              >
+                <img :src="item.titleUrl" style="height:260px;width:100%;cursor: pointer;" :title="item.title" />
+                <div class="one-text-1">
+                  {{ item.title }}
+                </div>
+              </div>
             </div>
           </div>
         </div>
+        <BayWindow v-if="content && content.title" :content="content" @closeBay="closeBay" />
       </div>
     </div>
-    <BayWindow v-if="content && content.title" :content="content" @closeBay="closeBay" />
   </div>
 </template>
 <script>

src/views/NewPages/NewPages.vue

@@ -1,6 +1,8 @@
 <template>
+<div class="bg-bottom">
+    <div class="bg-top">
   <div class="content-1180">
-    <div class="d-flex mt-4">
+    <div class="d-flex pt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
         <Location />
@@ -11,6 +13,8 @@
       </div>
     </div>
   </div>
+  </div>
+  </div>
 </template>
 <script>
 import { mapActions } from 'vuex';

src/views/OtherPages/Department.vue

@@ -1,6 +1,8 @@
 <template>
+<div class="bg-bottom">
+    <div class="bg-top">
   <div class="content-1180">
-    <div class="d-flex mt-4">
+    <div class="d-flex pt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
         <Location />
@@ -10,6 +12,8 @@
       </div>
     </div>
   </div>
+  </div>
+  </div>
 </template>
 <script>
 import { mapActions } from 'vuex';

src/views/OtherPages/Information.vue

@@ -1,6 +1,8 @@
 <template>
+<div class="bg-bottom">
+    <div class="bg-top">
   <div class="content-1180">
-    <div class="d-flex mt-4">
+    <div class="d-flex pt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
         <Location />
@@ -10,6 +12,8 @@
       </div>
     </div>
   </div>
+  </div>
+  </div>
 </template>
 <script>
 import { mapActions } from 'vuex';

src/views/OtherPages/NoticeNotice.vue

@@ -1,6 +1,8 @@
 <template>
+<div class="bg-bottom">
+    <div class="bg-top">
   <div class="content-1180">
-    <div class="d-flex mt-4">
+    <div class="d-flex pt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
         <Location />
@@ -11,6 +13,8 @@
       </div>
     </div>
   </div>
+  </div>
+  </div>
 </template>
 <script>
 import { mapActions } from 'vuex';

src/views/OtherPages/PartyBuilding.vue

@@ -1,6 +1,8 @@
 <template>
+<div class="bg-bottom">
+    <div class="bg-top">
   <div class="content-1180">
-    <div class="d-flex mt-4">
+    <div class="d-flex pt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
         <Location />
@@ -11,6 +13,8 @@
       </div>
     </div>
   </div>
+  </div>
+  </div>
 </template>
 <script>
 import { mapActions } from 'vuex';

src/views/OtherPages/SafeProduction.vue

@@ -1,6 +1,8 @@
 <template>
+<div class="bg-bottom">
+    <div class="bg-top">
   <div class="content-1180">
-    <div class="d-flex mt-4">
+    <div class="d-flex pt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
         <Location />
@@ -11,6 +13,8 @@
       </div>
     </div>
   </div>
+  </div>
+  </div>
 </template>
 <script>
 import { mapActions } from 'vuex';

src/views/OtherPages/System.vue

@@ -1,6 +1,8 @@
 <template>
+<div class="bg-bottom">
+    <div class="bg-top">
   <div class="content-1180">
-    <div class="d-flex mt-4">
+    <div class="d-flex pt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
         <Location />
@@ -10,6 +12,8 @@
       </div>
     </div>
   </div>
+  </div>
+  </div>
 </template>
 <script>
 import { mapActions } from 'vuex';

yarn.lock

@@ -1717,8 +1717,8 @@
     "color-convert" "^2.0.1"
 
 "ansi-styles@^4.1.0":
-  "integrity" "sha1-7dgDYornHATIWuegkG7a00tkiTc="
-  "resolved" "https://registry.nlark.com/ansi-styles/download/ansi-styles-4.3.0.tgz?cache=0&sync_timestamp=1618995778321&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fansi-styles%2Fdownload%2Fansi-styles-4.3.0.tgz"
+  "integrity" "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="
+  "resolved" "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
   "version" "4.3.0"
   dependencies:
     "color-convert" "^2.0.1"
@@ -2556,9 +2556,9 @@
     "supports-color" "^7.1.0"
 
 "chalk@^4.1.0":
-  "integrity" "sha1-ThSHCmGNni7dl92DRf2dncMVZGo="
-  "resolved" "https://registry.npm.taobao.org/chalk/download/chalk-4.1.0.tgz"
-  "version" "4.1.0"
+  "integrity" "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="
+  "resolved" "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
+  "version" "4.1.2"
   dependencies:
     "ansi-styles" "^4.1.0"
     "supports-color" "^7.1.0"
@@ -2776,8 +2776,8 @@
     "color-name" "1.1.3"
 
 "color-convert@^2.0.1":
-  "integrity" "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM="
-  "resolved" "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz"
+  "integrity" "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ=="
+  "resolved" "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz"
   "version" "2.0.1"
   dependencies:
     "color-name" "~1.1.4"
@@ -2788,8 +2788,8 @@
   "version" "1.1.3"
 
 "color-name@~1.1.4":
-  "integrity" "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI="
-  "resolved" "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz"
+  "integrity" "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+  "resolved" "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
   "version" "1.1.4"
 
 "color-string@^1.5.4":
@@ -3613,10 +3613,10 @@
   dependencies:
     "domelementtype" "1"
 
-"dompurify@^2.0.0":
-  "integrity" "sha512-7b7ZArhhH0SP6W2R9cqK6RjaU82FZ2UPM7RO8qN1b1wyvC/NY1FNWcX1Pu00fFOAnzEORtwXe4bPaClg6pUybQ=="
-  "resolved" "https://registry.npmjs.org/dompurify/-/dompurify-2.2.6.tgz"
-  "version" "2.2.6"
+"dompurify@^2.3.4":
+  "integrity" "sha512-OFP2u/3T1R5CEgWCEONuJ1a5+MFKnOYpkywpUSxv/dj1LeBT1erK+JwM7zK0ROy2BRhqVCf0LRw/kHqKuMkVGg=="
+  "resolved" "https://registry.npmjs.org/dompurify/-/dompurify-2.3.6.tgz"
+  "version" "2.3.6"
 
 "domready@1.0.8":
   "integrity" "sha1-kfJS5Ze2Wvd+dFriTdAYXV4m1Yw="
@@ -4717,8 +4717,8 @@
   "version" "3.0.0"
 
 "has-flag@^4.0.0":
-  "integrity" "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s="
-  "resolved" "https://registry.nlark.com/has-flag/download/has-flag-4.0.0.tgz?cache=0&sync_timestamp=1626715907927&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fhas-flag%2Fdownload%2Fhas-flag-4.0.0.tgz"
+  "integrity" "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+  "resolved" "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
   "version" "4.0.0"
 
 "has-symbols@^1.0.1":
@@ -8834,8 +8834,8 @@
     "has-flag" "^4.0.0"
 
 "supports-color@^7.1.0":
-  "integrity" "sha1-G33NyzK4E4gBs+R4umpRyqiWSNo="
-  "resolved" "https://registry.nlark.com/supports-color/download/supports-color-7.2.0.tgz"
+  "integrity" "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="
+  "resolved" "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
   "version" "7.2.0"
   dependencies:
     "has-flag" "^4.0.0"
@@ -9449,12 +9449,12 @@
   "resolved" "https://registry.npm.taobao.org/vue-cli-plugin-axios/download/vue-cli-plugin-axios-0.0.4.tgz"
   "version" "0.0.4"
 
-"vue-dompurify-html@^2.3.0":
-  "integrity" "sha512-Iz9wI4iiJF+rzC2x3r8quw/VXrkwgMsWXt9p0Le4wXtolBXwMDJOmK3QNMiNg36bzU2b0f3En/wjidoeRVNZ7A=="
-  "resolved" "https://registry.npmjs.org/vue-dompurify-html/-/vue-dompurify-html-2.3.0.tgz"
-  "version" "2.3.0"
+"vue-dompurify-html@^2.5.0":
+  "integrity" "sha512-k2ejMJmsCsREGtJFDXNwqMvvek447id5ZAOU10jm2+cmsZHXgFIEdlwDam4cU4wh0iOZM+uDmkwbVJAJtmgeVQ=="
+  "resolved" "https://registry.npmjs.org/vue-dompurify-html/-/vue-dompurify-html-2.5.0.tgz"
+  "version" "2.5.0"
   dependencies:
-    "dompurify" "^2.0.0"
+    "dompurify" "^2.3.4"
 
 "vue-eslint-parser@^7.0.0":
   "integrity" "sha1-xDwccV/1B3i5p+mk4WkhGF80JdM="
@@ -9474,9 +9474,9 @@
   "version" "2.3.4"
 
 "vue-loader-v16@npm:vue-loader@^16.0.0-beta.7":
-  "integrity" "sha1-CcTgcSRmiZ40uZpoZSTxkWX7KJI="
-  "resolved" "https://registry.nlark.com/vue-loader/download/vue-loader-16.5.0.tgz"
-  "version" "16.5.0"
+  "integrity" "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA=="
+  "resolved" "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz"
+  "version" "16.8.3"
   dependencies:
     "chalk" "^4.1.0"
     "hash-sum" "^2.0.0"