详情列表样式调整

src/views/resourceCenter/components/SidebarRecommend.vue

@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<div class="recommend-container">
-			<h3>资源推荐</h3>
+			<h3 style="margin-bottom: 0;">资源推荐</h3>
 			<div v-for="(item, index) in recommendations" :key="index" class="recommend-item" @click="handlerItem(item)">
 				<div
 					class="item"
@@ -103,9 +103,9 @@
 		display: flex;
 		flex-direction: column;
 		border: 1px solid #e8e8e8;
-		margin-bottom: 10px;
+		margin-bottom: 15px;
 		border-radius: 4px;
-		padding: 10px;
+		padding:5px 10px;
 	}
 
 	.recommend-item {

src/views/resourceDetails/components/TabSwitcher.vue

@@ -1,9 +1,9 @@
 <template>
 	<div class="tab-switcher">
-		<div :class="{ active: selectedTab === 'latest' }" @click="selectTab('latest')">
+		<div :class="{ active: selectedTab === 'latest' }" class="fcc" @click="selectTab('latest')">
 			<span style="font-size: 10px">最新</span>
 		</div>
-		<div :class="{ active: selectedTab === 'hot' }" @click="selectTab('hot')">
+		<div :class="{ active: selectedTab === 'hot' }" class="fcc" @click="selectTab('hot')">
 			<span style="font-size: 10px">热门</span>
 		</div>
 	</div>
@@ -31,7 +31,7 @@
 	}
 
 	.tab-switcher div {
-		padding: 1px 15px;
+		padding: 2px 15px;
 		background-color: #f5f5f5;
 
 		cursor: pointer;
@@ -41,7 +41,9 @@
 		background-color: #1e90ff;
 		color: white;
 	}
-
-	.tab-switcher div:not(:last-child) {
+	.fcc {
+		display: flex;
+		justify-content: center;
+		align-items: center;
 	}
 </style>

src/views/resourceDetails/components/TallList.vue

@@ -91,8 +91,8 @@
 				<div class="resInfoTitile"></div>
 				<span style="font-size: 14px; font-weight: bold">同类型资源</span>
 			</div>
-			<div style="display: flex; flex-direction: column; padding: 10px">
-				<EqualItem v-for="(item, index) in equalList" :key="index" :item="item"></EqualItem>
+			<div style="display: flex; flex-direction: column; padding: 10px;">
+				<EqualItem v-for="(item, index) in equalList" :key="index" :item="item" :class="equalList.length == index+1 ?'':'mb-2'"></EqualItem>
 			</div>
 		</div>
 	</div>

src/views/student/forumBtn/index.vue

@@ -81,7 +81,7 @@
 <style lang="less" scoped>
 	.redressBox {
 		position: fixed;
-		right: 20px;
+		right: 10px;
 		bottom: 150px;
 	}
 	.addBox {