修改国家政策页面样式

src/views/AAAFont/nationalPolicy/index.vue

@@ -39,6 +39,8 @@
                           <template #label>
                             <span class="mb-4 tab-label">全部动态</span>
                           </template>
+                          <template #default>
+                            <div class="right-li-wrapper">
                               <div class="right-li right-li-first" @click="handleClick">
                                 <div class="li-left">
                                   <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
@@ -321,11 +323,15 @@
                                 <div class="li-middle"><span>《数据处理主体责任清单》</span></div>
                                 <div class="li-right"><span>2024-12-17</span></div>
                               </div>
+                            </div></template
+                          >
                         </el-tab-pane>
                         <el-tab-pane name="second">
                           <template #label>
                             <span class="mb-4 tab-label">国家政策</span>
                           </template>
+                          <template #default>
+                            <div class="right-li-wrapper">
                               <div class="right-li right-li-first" @click="handleClick">
                                 <div class="li-left">
                                   <el-tag type="danger" style="font-size: 14px">国家政策</el-tag>
@@ -528,11 +534,15 @@
                                   <span>2024-11-15</span>
                                 </div>
                               </div>
+                            </div>
+                          </template>
                         </el-tab-pane>
                         <el-tab-pane name="third">
                           <template #label>
                             <span class="mb-4 tab-label">行业新闻</span>
                           </template>
+                          <template #default>
+                            <div class="right-li-wrapper">
                               <div class="right-li right-li-first">
                                 <div class="li-left">
                                   <el-tag style="font-size: 14px">行业新闻</el-tag>
@@ -613,6 +623,8 @@
                                 <div class="li-middle"><span>《数据处理主体责任清单》</span></div>
                                 <div class="li-right"><span>2024-12-17</span></div>
                               </div>
+                            </div></template
+                          >
                         </el-tab-pane>
                       </el-tabs>
                     </div>
@@ -920,7 +932,7 @@
     display: flex;
     position: relative;
     flex-direction: column; /* 上下布局 */
-    width: 1350px;
+    width: 1350px+50px;
     height: auto;
     border-radius: 20px; /* 添加圆角边框 */
 
@@ -1634,11 +1646,16 @@
     width: 1330px;
     height: 800px;
     padding: 0 24px;
-    overflow-y: scroll;
+    // overflow-y: scroll;
     border-radius: 8px;
     background-color: #fff;
   }
 
+  .right-li-wrapper {
+    height: 670px;
+    overflow-y: scroll;
+  }
+
   .right-li {
     display: flex;
     justify-content: space-between;