📦 按要求修改首页

src/pages/index.vue

@@ -36,8 +36,63 @@
     <!-- 主要内容 -->
     <div class="main-content">
       <div class="container">
-        <!-- 通知公告和热点新闻 -->
+
+        <!-- 学习强国 -->
         <div class="row">
+          <div class="col col-12">
+            
+            <Carousel v-bind="carouselConfig2" class="main-box p-0">
+              <Slide class="d-flex flex-row w-100">
+                <a href="http://www.12371.cn/special/xxzd/" target="_blank">
+                  <img src="@/assets/images/bars/宣传习近平.jpg" class="bars-image" /> 
+                </a>
+              </Slide>
+              <Slide class="d-flex flex-row w-100">
+                <a href="http://cpc.people.com.cn/GB/67481/448544/index.html" target="_blank">
+                  <img src="@/assets/images/bars/二十大.jpg" class="bars-image" /> 
+                </a>
+              </Slide>
+              <Slide class="d-flex flex-row w-100">
+                <a href="http://wlj.xm.gov.cn/ztzl/dsxxjy/" target="_blank">
+                  <img src="@/assets/images/bars/党史.jpg" class="bars-image" /> 
+                </a>
+              </Slide>
+              <Slide class="d-flex flex-row w-100">
+                <a href="http://wlj.xm.gov.cn/ztzl/ggcx/" target="_blank">
+                  <img src="@/assets/images/bars/争优.jpg" class="bars-image" /> 
+                </a>
+              </Slide>
+              <Slide class="d-flex flex-row w-100">
+                <a href="http://wlj.xm.gov.cn/ztzl/ggcx/" target="_blank">
+                  <img src="@/assets/images/bars/改革创新.jpg" class="bars-image" /> 
+                </a>
+              </Slide>
+              <Slide class="d-flex flex-row w-100">
+                <a href="https://liuyan.www.gov.cn/2021wxzlsjh/bmdf.html?q=fj" target="_blank">
+                  <img src="@/assets/images/bars/国务院.jpg" class="bars-image" /> 
+                </a>
+              </Slide>
+              <Slide class="d-flex flex-row w-100">
+                <a href="https://wlj.xm.gov.cn/ztzl/202003/t20200326_2434593.htm" target="_blank">
+                  <img src="@/assets/images/bars/厦门旅游服务.jpg" class="bars-image" /> 
+                </a>  
+              </Slide>
+              <Slide class="d-flex flex-row w-100">
+                <a href="http://xm.zwfw.fujian.gov.cn/person-todo/detail?userType=3&curStatus=dept&deptId=A8E0954E119F2E6342C87F48AC54EE31&bsfwCount=93&xzjgCount=609" target="_blank">
+                  <img src="@/assets/images/bars/网上办事大厅.jpg" class="bars-image" /> 
+                </a>
+              </Slide>
+              <template #addons>
+                <Navigation />
+                <Pagination />
+              </template>
+            </Carousel>
+
+          </div>
+        </div>
+        
+        <!-- 通知公告和热点新闻 -->
+        <div class="row mt-3">
 
           <div class="col col-sm-12 col-md-6 col-lg-6">
             <Carousel v-bind="carouselConfig">
@@ -114,60 +169,6 @@
           </div>
         </div>
 
-        <!-- 学习强国 -->
-        <div class="row">
-          <div class="col col-12">
-            
-            <Carousel v-bind="carouselConfig2" class="main-box p-0">
-              <Slide class="d-flex flex-row w-100">
-                <a href="http://www.12371.cn/special/xxzd/" target="_blank">
-                  <img src="@/assets/images/bars/宣传习近平.jpg" class="bars-image" /> 
-                </a>
-              </Slide>
-              <Slide class="d-flex flex-row w-100">
-                <a href="http://cpc.people.com.cn/GB/67481/448544/index.html" target="_blank">
-                  <img src="@/assets/images/bars/二十大.jpg" class="bars-image" /> 
-                </a>
-              </Slide>
-              <Slide class="d-flex flex-row w-100">
-                <a href="http://wlj.xm.gov.cn/ztzl/dsxxjy/" target="_blank">
-                  <img src="@/assets/images/bars/党史.jpg" class="bars-image" /> 
-                </a>
-              </Slide>
-              <Slide class="d-flex flex-row w-100">
-                <a href="http://wlj.xm.gov.cn/ztzl/ggcx/" target="_blank">
-                  <img src="@/assets/images/bars/争优.jpg" class="bars-image" /> 
-                </a>
-              </Slide>
-              <Slide class="d-flex flex-row w-100">
-                <a href="http://wlj.xm.gov.cn/ztzl/ggcx/" target="_blank">
-                  <img src="@/assets/images/bars/改革创新.jpg" class="bars-image" /> 
-                </a>
-              </Slide>
-              <Slide class="d-flex flex-row w-100">
-                <a href="https://liuyan.www.gov.cn/2021wxzlsjh/bmdf.html?q=fj" target="_blank">
-                  <img src="@/assets/images/bars/国务院.jpg" class="bars-image" /> 
-                </a>
-              </Slide>
-              <Slide class="d-flex flex-row w-100">
-                <a href="https://wlj.xm.gov.cn/ztzl/202003/t20200326_2434593.htm" target="_blank">
-                  <img src="@/assets/images/bars/厦门旅游服务.jpg" class="bars-image" /> 
-                </a>  
-              </Slide>
-              <Slide class="d-flex flex-row w-100">
-                <a href="http://xm.zwfw.fujian.gov.cn/person-todo/detail?userType=3&curStatus=dept&deptId=A8E0954E119F2E6342C87F48AC54EE31&bsfwCount=93&xzjgCount=609" target="_blank">
-                  <img src="@/assets/images/bars/网上办事大厅.jpg" class="bars-image" /> 
-                </a>
-              </Slide>
-              <template #addons>
-                <Navigation />
-                <Pagination />
-              </template>
-            </Carousel>
-
-          </div>
-        </div>
-
         <!-- 工作动态和党建工作 -->
         <div class="row mt-lg-3 mt-md-2 mt-sm-2">