a1300399510@qq.com 提交于 2023/04/03 -18:20:02

src/assets/css/public.scss

@@ -229,4 +229,4 @@ section {
 		}
 	}
 
-}
+}

src/components/IndexList.vue

@@ -18,11 +18,11 @@
                 <div class="bottom-box">
                     <div class="bottom-right">
                         <svg-icon icon-class="look" class-name="icon-look"></svg-icon>
-                        <div>1552</div>
+                        <div>{{ item.views }}</div>
                     </div>
                     <div class="bottom-right">
                         <svg-icon icon-class="msg" class-name="icon-msg"></svg-icon>
-                        <div>12</div>
+                        <div>{{ item.replies }}</div>
                     </div>
                 </div>
             </div>
@@ -60,14 +60,9 @@
             </div>
         </div> -->
         <!-- 广告 -->
-        <div class="banner-box">
+        <!-- <div class="banner-box">
             <svg-icon icon-class="test-banner" class-name="banner"></svg-icon>
-        </div>
+        </div> -->
-        <!-- 分页 -->
-        <div class="paging-box">
-            <el-pagination layout="prev, pager, next" :total="100">
-            </el-pagination>
-        </div>
     </div>
 </template>
 

src/views/index/allSections/AllSections.vue

@@ -22,7 +22,7 @@
 			</div>
 
 		</div>
-		<div v-else style="margin-top:.64rem;">
+		<div v-else style="margin:.64rem 0;">
 			<plate-navigation stairname="寄托学术类备" subsectionsname="SAT、AP考试、海外本科申…"></plate-navigation>
 			<div style="margin:.4rem 0.35rem">
 				<index-list :list="invitationList"></index-list>
@@ -130,9 +130,9 @@ export default {
 				document.body.scrollTop = 0;
 			})
 		},
-		
+
 		// 点击页数
-		currentChange(){
+		currentChange() {
 			this.getInvitationList()
 		},
 
@@ -277,4 +277,21 @@ export default {
 		}
 	}
 }
+
+
+.paging {
+	margin-top: .48rem;
+
+	::v-deep {
+		.el-pagination.is-background .el-pager li:not(.disabled).active {
+			background: rgba(98, 177, 255, 1);
+			border-radius: 50%;
+		}
+
+		.el-pagination .btn-next .el-icon,
+		.el-pagination .btn-prev .el-icon {
+			font-size: .4rem;
+		}
+	}
+}
 </style>

src/views/index/collect/Collect.vue

@@ -308,4 +308,20 @@ export default {
     }
   }
 }
+
+.paging {
+  margin-top: .48rem;
+
+  ::v-deep {
+    .el-pagination.is-background .el-pager li:not(.disabled).active {
+      background: rgba(98, 177, 255, 1);
+      border-radius: 50%;
+    }
+
+    .el-pagination .btn-next .el-icon,
+    .el-pagination .btn-prev .el-icon {
+      font-size: .4rem;
+    }
+  }
+}
 </style>

src/views/index/recommend/Recommend.vue

@@ -49,4 +49,20 @@ export default {
 }
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+.paging {
+	margin-top: .48rem;
+
+	::v-deep {
+		.el-pagination.is-background .el-pager li:not(.disabled).active {
+			background: rgba(98, 177, 255, 1);
+			border-radius: 50%;
+		}
+
+		.el-pagination .btn-next .el-icon,
+		.el-pagination .btn-prev .el-icon {
+			font-size: .4rem;
+		}
+	}
+}
+</style>