样式调整

src/views/courseCenter/components/ResourceList.vue

@@ -3,9 +3,10 @@
 		<div class="list-header">
 			<div style="display: flex">
 				<div style="display: flex; justify-content: center; align-items: center">
-					<div class="line"></div>
-					<span style="font-weight: bold">共计 {{ total }} 个课程</span>
+					<a-image :width="24" :src="allResource" />
+					<span style="font-weight: bold;font-size: 20px;" class="ml-2">共计 {{ total }} 个资源</span>
 				</div>
+
 				<div style="width: 20px"></div>
 				<TabSwitcher @selectTab="selectTab" />
 			</div>
@@ -20,11 +21,10 @@
 		</div>
 		<a-row :gutter="[16, 16]">
 			<a-col :span="8" v-for="(item, index) in resources" :key="index">
-				<div style="border-radius: 10px 10px 5px 5px; border: 1px solid #dcdcdc; position: relative">
+				<a-card hoverable :bordered="false" class="boxShadow cardBox" @click="handleItem(item)">
 					<div style="display: flex; position: relative">
 						<div
 							class="resource"
-							@click="handleItem(item)"
 							:style="{
 								backgroundSize: 'cover',
 								backgroundPosition: 'center',
@@ -63,7 +63,7 @@
 						</div>
 						<span style="font-size: 12px">{{ item.teacherIdName || '-' }}</span>
 					</div>
-				</div>
+				</a-card>
 			</a-col>
 		</a-row>
 
@@ -82,6 +82,7 @@
 
 <script setup>
 	import { ref, onMounted } from 'vue'
+	import allResource from '@/assets/images/allResource.png'
 	import TabSwitcher from './TabSwitcher.vue'
 	import { list, getFinishRate } from '@/api/studentCourseCenter'
 	import tool from '@/utils/tool'
@@ -186,7 +187,7 @@
 
 	.resource {
 		width: 100%;
-		height: 150px;
+		height: 220px;
 		position: relative;
 		background: #00000011;
 		border-radius: 10px 10px 0 0;
@@ -217,4 +218,11 @@
 		position: relative;
 		z-index: 2;
 	}
+	.boxShadow {
+		border: 1px solid rgba(0, 0, 0, 0.04);
+		border-radius: 8px;
+	}
+	:deep(.cardBox .ant-card-body) {
+		padding: 0;
+	}
 </style>

src/views/courseCenter/components/TabSwitcher.vue

@@ -21,23 +21,22 @@
 <style scoped>
 	.tab-switcher {
 		display: flex;
-		border-radius: 20px;
+		border-radius: 4px;
 		border: 1px solid #1e90ff;
 		overflow: hidden;
 	}
 
 	.tab-switcher div {
 		padding: 2px 20px;
-		background-color: #f5f5f5;
-
+		background-color: white;
 		cursor: pointer;
+		display: flex;
+		justify-content: center;
+		align-items: center;
 	}
 
 	.tab-switcher div.active {
 		background-color: #1e90ff;
 		color: white;
 	}
-
-	.tab-switcher div:not(:last-child) {
-	}
 </style>

src/views/forum/addForum.vue

@@ -1,6 +1,6 @@
 <template>
 	<div style="display: flex; justify-content: center" class="main-content-wrapper">
-		<a-card :bordered="false" style="width: 1400px">
+		<a-card :bordered="false" class="box-width">
 			<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
 				<a-row :gutter="16">
 					<a-col :span="8">
@@ -32,7 +32,13 @@
 					</template>
 					<a-col :span="8">
 						<a-form-item label="标题：" name="postTitle">
-							<a-input v-model:value="formData.postTitle" placeholder="请输入标题" allow-clear show-count :maxlength="100" />
+							<a-input
+								v-model:value="formData.postTitle"
+								placeholder="请输入标题"
+								allow-clear
+								show-count
+								:maxlength="100"
+							/>
 						</a-form-item>
 					</a-col>
 					<a-col :span="8" v-if="formData.postType == 0">
@@ -111,7 +117,7 @@
 		return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
 	}
 	const userPagination = ref({
-		size:9999999,
+		size: 9999999,
 		current: 1
 	})
 	const userTotal = ref(0)
@@ -247,3 +253,8 @@
 		editContent()
 	}
 </script>
+<style scoped lang="less">
+	.box-width {
+		width: 1624px;
+	}
+</style>

src/views/forum/detail.vue

@@ -1,6 +1,6 @@
 <template>
 	<div style="display: flex; justify-content: center" class="main-content-wrapper">
-		<div style="width: 1400px;">
+		<div class="box-width">
 			<a-card>
 				<div class="flt">
 					<div class="flex-1">
@@ -267,4 +267,7 @@
 		justify-content: flex-start;
 		align-items: center;
 	}
+	.box-width {
+		width: 1624px;
+	}
 </style>

src/views/forum/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="forumTop"></div>
 	<div style="display: flex; justify-content: center" class="main-content-wrapper">
-		<a-card :bordered="false" style="width: 1400px" class="formMount">
+		<a-card :bordered="false" class="box-width">
 			<a-space>
 				<div style="display: flex">
 					<a-tooltip :getPopupContainer="(trigger) => trigger.parentElement">
@@ -376,4 +376,7 @@
 		padding: 0px;
 		height: calc(100% - 55px);
 	}
+	.box-width {
+		width: 1624px;
+	}
 </style>

src/views/portal/components/Header.vue

@@ -3,7 +3,7 @@
 	{{userInfo.eduIdentity}}
 	管理员 -->
 	<div class="fcc headerBox">
-		<div class="fcbc" style="width: 1400px">
+		<div class="fcbc box-width">
 			<div class="headerBtn">
 				<a-menu v-model:selectedKeys="current" mode="horizontal" @select="menuSelect">
 					<a-menu-item key="student/resourceCenter">资源中心</a-menu-item>
@@ -19,12 +19,14 @@
 				</a-menu>
 			</div>
 			<div class="header-right">
-				<a-dropdown v-if="userInfo">
+				<headerIcon></headerIcon>
+				<a-dropdown v-if="userInfo" class="mr-4">
 					<div class="cur flc">
 						<a-avatar :src="userInfo.avatar">
 							<template #icon><UserOutlined /></template>
 						</a-avatar>
-						<div class="ml-2">{{ userInfo.name }}</div>
+						<div class="ml-2 mr-1">{{ userInfo.name }}</div>
+						<DownOutlined />
 					</div>
 					<template #overlay>
 						<a-menu>
@@ -45,7 +47,6 @@
 					<UserOutlined :style="{ fontSize: '16px', color: '#00000083' }" />
 					<div class="ml-2 cur" @click="jump('/slogin')">登录</div>
 				</div>
-				<headerIcon></headerIcon>
 			</div>
 		</div>
 	</div>
@@ -161,4 +162,7 @@
 	.cur {
 		cursor: pointer;
 	}
+	.box-width {
+		width: 1624px;
+	}
 </style>

src/views/portal/components/headerIcon.vue

@@ -2,7 +2,7 @@
 	<a-badge :count="bellNum" class="ml-6 cur" @click="jump('/inSsiteMessage')">
 		<bell-outlined style="font-size: 20px" />
 	</a-badge>
-	<a-badge :count="notiNum" class="ml-6 cur" @click="jump('/classNotice')">
+	<a-badge :count="notiNum" class="ml-6 mr-6 cur" @click="jump('/classNotice')">
 		<notification-outlined style="font-size: 20px" />
 	</a-badge>
 </template>

src/views/portal/index.vue

@@ -1,10 +1,10 @@
 <template>
 	<div style="overflow-y: auto">
-		<a-layout>
+		<a-layout class="layoutBg">
 			<Header />
 			<a-layout-content class="main-content-wrapper">
 				<div class="flc">
-					<router-view v-slot="{ Component }" :key="route.fullPath" style="width: 1400px;min-height: 90vh;"></router-view>
+					<router-view v-slot="{ Component }" :key="route.fullPath" class="box-width"></router-view>
 				</div>
 			</a-layout-content>
 		</a-layout>
@@ -27,4 +27,11 @@
 	.main-content-wrapper {
 		min-height: calc(100vh - 55px);
 	}
+	.box-width {
+		width:1624px!important;
+		min-height: 90vh;
+	}
+	.layoutBg {
+		background-color: #F4F5F9;
+	}
 </style>

src/views/resourceCenter/components/ComplexChoices.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="filter-bar">
 		<!-- 所选院系 -->
-		<div class="filter-group">
+		<div class="filter-group" style="width: 100%">
 			<span class="filter-group-title">所选院系:</span>
 			<!-- <a-radio-group v-model:value="selectedDept" >
 				<a-radio-button v-for="dept in selectedDepts" :key="dept" :value="dept">{{ dept }}</a-radio-button>
@@ -23,35 +23,37 @@
 						></MyRadioButtonOffOut>
 					</MyRadioButtonGroup>
 					<div style="height: 10px"></div>
-					<MyRadioButtonGroup
-						ref="Big"
-						v-show="selectedDeptBigs.length > 0"
-						v-model="selectedDeptBig"
-						@change="handleSelectedCourses"
-					>
-						<MyRadioButton
-							v-for="(item, index) in selectedDeptBigs"
-							:key="index"
-							:value="index"
-							:label="item.name"
-							:index="index"
-						></MyRadioButton>
-					</MyRadioButtonGroup>
-					<div style="height: 10px"></div>
-					<MyRadioButtonGroup
-						ref="Smail"
-						v-show="selectedDeptSmails.length > 0"
-						v-model="selectedDeptSmail"
-						@change="handleSelectedSmails"
-					>
-						<MyRadioButton
-							v-for="(item, index) in selectedDeptSmails"
-							:key="index"
-							:value="index"
-							:label="item.name"
-							:index="index"
-						></MyRadioButton>
-					</MyRadioButtonGroup>
+					<div style="border: 1px solid #f4f5f9" v-show="selectedDeptBigs.length > 0">
+						<MyRadioButtonGroup
+							ref="Big"
+							v-show="selectedDeptBigs.length > 0"
+							v-model="selectedDeptBig"
+							@change="handleSelectedCourses"
+						>
+							<MyRadioButton
+								v-for="(item, index) in selectedDeptBigs"
+								:key="index"
+								:value="index"
+								:label="item.name"
+								:index="index"
+							></MyRadioButton>
+						</MyRadioButtonGroup>
+						<div style="height: 10px"></div>
+						<MyRadioButtonGroup
+							ref="Smail"
+							v-show="selectedDeptSmails.length > 0"
+							v-model="selectedDeptSmail"
+							@change="handleSelectedSmails"
+						>
+							<MyRadioButton
+								v-for="(item, index) in selectedDeptSmails"
+								:key="index"
+								:value="index"
+								:label="item.name"
+								:index="index"
+							></MyRadioButton>
+						</MyRadioButtonGroup>
+					</div>
 				</div>
 			</a-spin>
 		</div>
@@ -96,6 +98,7 @@
 							:index="index"
 						></MyRadioButton>
 					</MyRadioButtonGroup>
+					<div style="border: 1px solid #f4f5f9" v-show="selectedTypes.length > 0">
 					<MyRadioButtonGroup
 						ref="Type"
 						v-show="selectedTypes.length > 0"
@@ -110,6 +113,7 @@
 							:index="index"
 						></MyRadioButton>
 					</MyRadioButtonGroup>
+					</div>
 				</div>
 			</a-spin>
 		</div>
@@ -142,7 +146,7 @@
 			<div style="display: flex; align-items: center; margin-top: 7px">
 				<a-tag
 					v-for="(tag, index) in selectedTagKeys"
-					style="display: flex; justify-content: center; align-items: center"
+					class="tagItem"
 					:key="index"
 					closable
 					@close="handleTagClose(tag, index)"
@@ -581,11 +585,9 @@
 
 <style scoped>
 	.filter-bar {
-		border: 1px solid #00000011; /* 灰色细边框 */
 		padding-left: 20px;
 		padding-right: 20px;
 		padding-top: 5px;
-		padding-bottom: 20px;
 	}
 
 	.filter-group {
@@ -593,18 +595,27 @@
 	}
 	.filter-group-title {
 		color: rgba(0, 0, 0, 0.521);
-		font-size: 12px;
 		min-width: 80px;
-		margin-top: 10px;
+		margin-top: 6px;
 	}
 
 	.line {
 		width: 100%;
 		height: 0.25px;
-		background-color: #00000013;
+		background-color: #ebebeb;
 	}
 	.clean {
-		color: rgb(133, 183, 224);
+		color: #1890ff;
 		cursor: pointer;
 	}
+	.tagItem {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		font-size: 14px;
+		height: 32px;
+		line-height: 32px;
+		border:none;
+		background-color: rgba(0, 0, 0, 0.04);
+	}
 </style>

src/views/resourceCenter/components/Correlation.vue

@@ -1,13 +1,27 @@
 <template>
 	<div>
 		<div class="recommend-container">
-			<h3>相关课程</h3>
-			<div v-for="(item, index) in recommendations" :key="index" class="recommend-item" @click="handlerItem(item)">
+			<div class="flc">
+				<a-image :width="24" :src="resourceIcon" />
+				<div style="margin-bottom: 0; font-size: 20px; font-weight: bold; margin-left: 8px">
+					<span>相关</span>
+					<span style="color: #1890ff">课程</span>
+				</div>
+			</div>
+			<div
+				v-for="(item, index) in recommendations"
+				:key="index"
+				class="recommend-item"
+				:class="recommendations.length - 1 > index ? 'borderBottom' : ''"
+				@click="handlerItem(item)"
+			>
 				<div
 					class="item"
 					:style="{
 						backgroundSize: 'cover',
 						backgroundPosition: 'center',
+						borderRadius: '4px',
+						overflow: 'hidden',
 						backgroundImage:
 							'url(' +
 							(item.coverImagePath != '' && sysConfig.FILE_URL + item.coverImagePath
@@ -16,19 +30,19 @@
 							')'
 					}"
 				></div>
-				<div style="display: flex; flex-direction: column; justify-content: space-between; margin-left: 10px">
-					<span style="font-weight: bold; font-size: 12px; margin-top: 5px">{{ item.fileName }}</span>
-					<div style="display: flex; justify-content: center; align-items: space-between">
+				<div style="display: flex; flex-direction: column; justify-content: space-between; margin-left: 10px; flex: 1">
+					<span style="font-weight: bold; margin-top: 5px" class="single-line">{{ item.fileName }}</span>
+					<div style="display: flex; justify-content: space-between; align-items: space-between">
 						<div style="display: flex; justify-content: center; align-items: center">
-							<FieldTimeOutlined />
+							<FieldTimeOutlined class="fzcoloe" />
 							<div style="width: 5px"></div>
-							<span style="font-size: 12px">{{ item.uploadTime }}</span>
+							<span class="f12 fzcoloe">{{ item.uploadTime.slice(0, 10) }}</span>
 						</div>
 						<div style="width: 20px"></div>
 						<div style="display: flex; justify-content: center; align-items: center">
-							<EyeOutlined />
+							<EyeOutlined class="fzcoloe" />
 							<div style="width: 5px"></div>
-							<span style="font-size: 12px">{{ item.viewCount }}</span>
+							<span class="f12 fzcoloe">{{ item.viewCount }}</span>
 						</div>
 					</div>
 				</div>
@@ -43,6 +57,7 @@
 	import tool from '@/utils/tool'
 	import sysConfig from '@/config/index'
 	import EventBus from '@/utils/EventBus'
+	import resourceIcon from '@/assets/images/resourceIcon.png'
 	const currentPage = reactive({
 		funcType: 2,
 		current: 1,
@@ -91,16 +106,14 @@
 	.recommend-container {
 		display: flex;
 		flex-direction: column;
-		border: 1px solid #e8e8e8;
-		margin-bottom: 10px;
 		border-radius: 4px;
-		padding: 10px;
 	}
 
 	.recommend-item {
 		display: flex;
 		cursor: pointer;
-		margin-bottom: 10px;
+		margin-top: 16px;
+		padding-bottom: 16px;
 	}
 
 	.recommend-avatar {
@@ -121,9 +134,30 @@
 		font-size: 14px;
 		color: #666;
 	}
+	.flc {
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+	}
 	.item {
 		min-width: 100px;
-		height: 70px;
+		height: 100px;
 		background-color: rgba(5, 5, 5, 0.219);
+		flex: 1;
+	}
+	.borderBottom {
+		border-bottom: 1px solid #ebebeb;
+	}
+	.f12 {
+		font-size: 12px;
+	}
+	.single-line {
+		max-width: 150px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.fzcoloe {
+		color: #86909c;
 	}
 </style>

src/views/resourceCenter/components/MyRadioButton.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="my-radio-button" :class="{ active: isActive }" @click="handleClick">
-		<span style="font-size: 12px">{{ label }}</span>
+		<span>{{ label }}</span>
 	</div>
 </template>
 
@@ -73,7 +73,7 @@
 <style scoped>
 	.clickType {
 		border-radius: 20px;
-		background: rgb(45, 130, 226);
+		color: #1890ff;
 		display: flex;
 		align-items: center;
 		justify-content: center;
@@ -109,10 +109,7 @@
 		transition: all 0.2s ease;
 	}
 	.my-radio-button.active {
-		background-color: #1890ff;
-		color: white;
-		border-color: #1890ff;
-		border: 1px solid #d9d9d9;
+		color: #1890ff;
 		border-radius: 30px;
 	}
 </style>

src/views/resourceCenter/components/MyRadioButtonOffOut.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="my-radio-button" :class="{ active: isActive }" @click="handleClick">
-		<span style="font-size: 12px">{{ label }}</span>
+		<span>{{ label }}</span>
 	</div>
 </template>
 
@@ -73,7 +73,7 @@
 <style scoped>
 	.clickType {
 		border-radius: 20px;
-		background: rgb(45, 130, 226);
+		color: #1890ff;
 		display: flex;
 		align-items: center;
 		justify-content: center;
@@ -109,10 +109,7 @@
 		transition: all 0.2s ease;
 	}
 	.my-radio-button.active {
-		background-color: #deecfa;
 		color: #1890ff;
-		border-color: #1890ff;
-		border: 1px solid #1890ff;
 		border-radius: 30px;
 	}
 </style>

src/views/resourceCenter/components/ResourceList.vue

@@ -3,29 +3,30 @@
 		<div class="list-header">
 			<div style="display: flex">
 				<div style="display: flex; justify-content: center; align-items: center">
-					<div class="line"></div>
-					<span style="font-weight: bold">共计 {{ total }} 个资源</span>
+					<a-image :width="24" :src="allResource" />
+					<span style="font-weight: bold;font-size: 20px;" class="ml-2">共计 {{ total }} 个资源</span>
 				</div>
 				<div style="width: 20px"></div>
 				<TabSwitcher @selectTab="selectTab" />
 			</div>
-			<a-range-picker v-model:value="timeArr" format="YYYY-MM-DD" @change="dateChange"/>
-			<a-input-search
-				v-model:value="currentPage.queryInfo"
-				placeholder="请输入资源关键词"
-				style="width: 200px"
-				@search="onSearch"
-				:maxlength="100"
-			/>
+			<div>
+				<a-range-picker v-model:value="timeArr" format="YYYY-MM-DD" @change="dateChange" class="mr-3" />
+				<a-input-search
+					v-model:value="currentPage.queryInfo"
+					placeholder="请输入资源关键词"
+					style="width: 200px"
+					@search="onSearch"
+					:maxlength="100"
+				/>
+			</div>
 		</div>
 		<a-spin :spinning="loading" tip="">
 			<a-row :gutter="[16, 16]">
 				<a-col :span="8" v-for="(item, index) in resources" :key="index">
-					<div style="border-radius: 10px 10px 5px 5px; border: 1px solid #dcdcdc">
+					<a-card hoverable :bordered="false" class="boxShadow cardBox" @click="handleItem(item)">
 						<div style="display: flex; position: relative">
 							<div
 								class="resource"
-								@click="handleItem(item)"
 								:style="{
 									backgroundSize: 'cover',
 									backgroundPosition: 'center',
@@ -53,23 +54,23 @@
 								/>
 							</div>
 						</div>
-						<div style="display: flex; flex-direction: column; padding: 5px 10px">
-							<a-tooltip :title="item.fileName ">
+						<div style="display: flex; flex-direction: column; padding: 16px">
+							<a-tooltip :title="item.fileName">
 								<span style="font-size: 16px; font-weight: bold" class="single-line">{{ item.fileName }}</span>
 							</a-tooltip>
-							<span style="font-size: 12px">{{ item.collegeIdName }}</span>
-							<span style="font-size: 12px">{{ item.majorIdName }}</span>
+							<span style="margin-top: 8px">{{ item.collegeIdName }}</span>
+							<span style="font-size: 12px; margin-top: 8px">{{ item.majorIdName }}</span>
 							<div style="display: flex; justify-content: space-between">
 								<div style="display: flex; justify-content: center; align-items: center">
-									<FieldTimeOutlined />
+									<FieldTimeOutlined class="fzcoloe" />
 									<div style="width: 5px"></div>
-									<span style="font-size: 12px">{{ item.uploadTime }}</span>
+									<span style="font-size: 12px" class="fzcoloe">{{ item.uploadTime }}</span>
 								</div>
 
 								<div style="display: flex; justify-content: center; align-items: center">
-									<EyeOutlined />
+									<EyeOutlined class="fzcoloe" />
 									<div style="width: 5px"></div>
-									<span style="font-size: 12px">{{ item.viewCount }}</span>
+									<span style="font-size: 12px" class="fzcoloe">{{ item.viewCount }}</span>
 								</div>
 							</div>
 						</div>
@@ -79,7 +80,7 @@
                                 <p>{{ item.description }}</p>
                             </template>
                         </a-card-meta> -->
-					</div>
+					</a-card>
 				</a-col>
 			</a-row>
 		</a-spin>
@@ -98,6 +99,7 @@
 
 <script setup>
 	import { ref } from 'vue'
+	import allResource from '@/assets/images/allResource.png'
 	import TabSwitcher from './TabSwitcher.vue'
 	import { list } from '@/api/portal'
 	import tool from '@/utils/tool'
@@ -130,7 +132,7 @@
 		// 更多数据...
 	])
 	const timeArr = ref()
-	const dateChange = (e,d)=>{
+	const dateChange = (e, d) => {
 		currentPage.startTime = d[0]
 		currentPage.endTime = d[1]
 		getList()
@@ -214,14 +216,14 @@
 	}
 	.line {
 		width: 6px;
-		height: 15px;
+		height: 20px;
 		background-color: rgb(0, 140, 255);
 		margin-right: 5px;
 	}
 
 	.resource {
 		width: 100%;
-		height: 150px;
+		height: 220px;
 		background: #00000011;
 		border-radius: 10px 10px 0 0;
 		display: flex;
@@ -260,4 +262,15 @@
 	/* .resource:hover {
 		background-color: #ffffff8c;
 	} */
+
+	.boxShadow {
+		border: 1px solid rgba(0, 0, 0, 0.04);
+		border-radius: 8px;
+	}
+	:deep(.cardBox .ant-card-body) {
+		padding: 0;
+	}
+	.fzcoloe {
+		color: #86909c;
+	}
 </style>

src/views/resourceCenter/components/SidebarRecommend.vue

@@ -1,13 +1,27 @@
 <template>
 	<div>
 		<div class="recommend-container">
-			<h3 style="margin-bottom: 0;">资源推荐</h3>
-			<div v-for="(item, index) in recommendations" :key="index" class="recommend-item" @click="handlerItem(item)">
+			<div class="flc">
+				<a-image :width="24" :src="resourceIcon" />
+				<div style="margin-bottom: 0; font-size: 20px; font-weight: bold; margin-left: 8px">
+					<span>资源</span>
+					<span style="color: #1890ff">推荐</span>
+				</div>
+			</div>
+			<div
+				v-for="(item, index) in recommendations"
+				:key="index"
+				class="recommend-item"
+				:class="recommendations.length - 1 > index ? 'borderBottom' : ''"
+				@click="handlerItem(item)"
+			>
 				<div
 					class="item"
 					:style="{
 						backgroundSize: 'cover',
 						backgroundPosition: 'center',
+						borderRadius:'4px',
+						overflow:'hidden',
 						backgroundImage:
 							'url(' +
 							(item.coverImagePath != '' && sysConfig.FILE_URL + item.coverImagePath
@@ -16,19 +30,19 @@
 							')'
 					}"
 				></div>
-				<div style="display: flex; flex-direction: column; justify-content: space-between; margin-left: 10px">
-					<span style="font-weight: bold; font-size: 12px; margin-top: 5px">{{ item.fileName }}</span>
-					<div style="display: flex; justify-content: center; align-items: space-between">
+				<div style="display: flex; flex-direction: column; justify-content: space-between; margin-left: 10px;flex:1;">
+					<span style="font-weight: bold; margin-top: 5px" class="single-line">{{ item.fileName }}</span>
+					<div style="display: flex; justify-content: space-between; align-items: space-between">
 						<div style="display: flex; justify-content: center; align-items: center">
-							<FieldTimeOutlined />
+							<FieldTimeOutlined class="fzcoloe" />
 							<div style="width: 5px"></div>
-							<span style="font-size: 8px">{{ item.uploadTime }}</span>
+							<span class="f12 fzcoloe">{{ item.uploadTime.slice(0, 10) }}</span>
 						</div>
 						<div style="width: 20px"></div>
 						<div style="display: flex; justify-content: center; align-items: center">
-							<EyeOutlined />
+							<EyeOutlined class="fzcoloe" />
 							<div style="width: 5px"></div>
-							<span style="font-size: 12px">{{ item.viewCount }}</span>
+							<span class="f12 fzcoloe">{{ item.viewCount }}</span>
 						</div>
 					</div>
 				</div>
@@ -38,6 +52,7 @@
 </template>
 
 <script setup>
+	import resourceIcon from '@/assets/images/resourceIcon.png'
 	const emit = defineEmits(['handlerItem'])
 	import { list } from '@/api/portal'
 	import tool from '@/utils/tool'
@@ -102,17 +117,14 @@
 	.recommend-container {
 		display: flex;
 		flex-direction: column;
-		border: 1px solid #e8e8e8;
-		margin-bottom: 15px;
 		border-radius: 4px;
-		padding:5px 10px;
 	}
 
 	.recommend-item {
 		display: flex;
-
-		margin-bottom: 10px;
 		cursor: pointer;
+		margin-top: 16px;
+		padding-bottom: 16px;
 	}
 
 	.recommend-avatar {
@@ -135,6 +147,28 @@
 	}
 	.item {
 		min-width: 100px;
-		height: 70px;
+		height: 100px;
+		background-color: rgba(5, 5, 5, 0.219);
+		flex: 1;
+	}
+	.flc {
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+	}
+	.borderBottom {
+		border-bottom: 1px solid #ebebeb;
+	}
+	.f12 {
+		font-size: 12px;
+	}
+	.single-line {
+		max-width: 150px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.fzcoloe {
+		color: #86909c;
 	}
 </style>

src/views/resourceCenter/components/TabSwitcher.vue

@@ -21,23 +21,22 @@
 <style scoped>
 	.tab-switcher {
 		display: flex;
-		border-radius: 20px;
+		border-radius: 4px;
 		border: 1px solid #1e90ff;
 		overflow: hidden;
 	}
 
 	.tab-switcher div {
 		padding: 2px 20px;
-		background-color: #f5f5f5;
-
+		background-color: white;
 		cursor: pointer;
+		display: flex;
+		justify-content: center;
+		align-items: center;
 	}
 
 	.tab-switcher div.active {
 		background-color: #1e90ff;
 		color: white;
 	}
-
-	.tab-switcher div:not(:last-child) {
-	}
 </style>

src/views/resourceCenter/index.vue

@@ -1,18 +1,25 @@
 <template>
-	<a-card>
-		<div style="width: 100%;">
+	<div style="width: 100%">
+		<a-card style="border-radius: 4px">
 			<ComplexChoices />
-			<a-row :gutter="16" class="mt-4">
-				<a-col :span="18">
+		</a-card>
+		<div style="margin-top: 16px"></div>
+		<a-row :gutter="16" class="mt-4">
+			<a-col :span="18">
+				<a-card style="border-radius: 4px">
 					<ResourceList />
-				</a-col>
-				<a-col :span="6">
-					<SidebarRecommend/>
-					<Correlation/>
-				</a-col>
-			</a-row>
-		</div>
-	</a-card>
+				</a-card>
+			</a-col>
+			<a-col :span="6">
+				<a-card style="border-radius: 4px">
+					<SidebarRecommend />
+				</a-card>
+				<a-card style="border-radius: 4px;margin-top: 16px;">
+					<Correlation />
+				</a-card>
+			</a-col>
+		</a-row>
+	</div>
 </template>
 
 <script setup>

src/views/resourceDetails/components/EqualItem.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="itemLayou" @click="handlerItem">
+	<a-card hoverable :bordered="false" class="boxShadow cardBox" @click="handlerItem">
 		<div style="display: flex; flex-direction: column">
 			<div
 				class="item"
@@ -18,13 +18,13 @@
 			<div style="padding: 10px">
 				<span style="display: block">{{ props.item.fileName }}</span>
 				<div style="display: flex; align-items: center">
-					<span style="display: block; font-size: 10px; color: darkgray">{{ props.item.resourceCreaterUserName }}</span>
+					<span style="display: block; font-size: 12px; color: darkgray">{{ props.item.resourceCreaterUserName }}</span>
 					<div style="width: 1px; height: 10px; margin-left: 5px; margin-right: 5px; background-color: black"></div>
-					<span style="display: block; font-size: 10px; color: darkgray">{{ props.item.viewCount }}</span>
+					<span style="display: block; font-size: 12px; color: darkgray">{{ props.item.viewCount }}</span>
 				</div>
 			</div>
 		</div>
-	</div>
+	</a-card>
 </template>
 
 <script setup>
@@ -74,7 +74,7 @@
 		// emit('handlerItem', item)
 		EventBus.emit('openResourceDetailsInner', { id: props.item.id })
 	}
-	
+
 	const handerPublish = () => {
 		tallTag.value = false
 		emit('publish')
@@ -274,13 +274,22 @@
 		margin-bottom: 10px;
 	}
 
-	.itemLayou {
-		padding: 0px;
-		border: 1px solid #dfe2e5;
-		cursor: pointer;
-	}
 	.item {
 		width: 100%;
 		height: 150px;
 	}
+	.boxShadow {
+		border: 1px solid rgba(0, 0, 0, 0.04);
+		border-radius: 8px;
+		overflow: hidden;
+	}
+	.cardBox{
+		margin-bottom: 16px;
+	}
+	:deep(.ant-card-body) {
+		padding: 0!important;
+	}
+	.fzcoloe {
+		color: #86909c;
+	}
 </style>

src/views/resourceDetails/components/TallList.vue

@@ -89,7 +89,7 @@
 		<div class="equalList">
 			<div style="display: flex; align-items: center">
 				<div class="resInfoTitile"></div>
-				<span style="font-size: 14px; font-weight: bold">同类型资源</span>
+				<span style="font-size: 20px; 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" :class="equalList.length == index+1 ?'':'mb-2'"></EqualItem>
@@ -429,13 +429,6 @@
 		display: flex;
 	}
 
-	.resInfoTitile {
-		width: 5px;
-		height: 14px;
-		background-color: cadetblue;
-		margin-right: 5px;
-	}
-
 	.tallList {
 		display: flex;
 		flex-direction: column;
@@ -469,7 +462,7 @@
 	}
 	.resInfoTitile {
 		width: 5px;
-		height: 14px;
+		height: 20px;
 		background-color: #1e90ff;
 		margin-right: 5px;
 	}

src/views/resourceDetails/components/VideoDetails.vue

@@ -6,9 +6,9 @@
 			<div class="video-info">
 				<div
 					v-if="videoFormat == 'jpg' || videoFormat == 'bmp' || videoFormat == 'png' || videoFormat == 'jpeg'"
-					style="width: 100%; height: 350px"
+					style="width: 100%; height: 600px"
 				>
-					<a-image width="100%" height="350px" :src="fileSrc(resSrc)" :preview="true" />
+					<a-image width="100%" height="600px" :src="fileSrc(resSrc)" :preview="true" />
 				</div>
 				<div
 					v-if="
@@ -22,7 +22,7 @@
 						videoFormat == 'rmvb' ||
 						videoFormat == 'mov'
 					"
-					style="width: 100%; height: 350px"
+					style="width: 100%; height: 600px"
 				>
 					<video :src="fileSrc(resSrc)" controls style="width: 100%; height: 100%" />
 				</div>
@@ -36,7 +36,7 @@
 						videoFormat == 'xlsx' ||
 						videoFormat == 'pdf'
 					"
-					style="width: 100%; height: 350px"
+					style="width: 100%; height: 600px"
 				>
 					<FilePreviewer v-if="resSrc" :fileUrl="fileSrc(resSrc)" :fileName="resName" :fileType="fileType" />
 					<div v-if="!resSrc">暂无数据</div>
@@ -89,44 +89,43 @@
 							</div>
 						</div>
 					</div>
-					<!-- 课程信息部分 -->
-					<div class="course-info">
-						<span>
-							{{ itemData.resourceDesc }}
-						</span>
-					</div>
+					
 				</div>
 			</div>
 			<div class="resInfo">
-				<div style="display: flex; align-items: center">
+				<div class="titleBox">
 					<div class="resInfoTitile"></div>
-					<span style="display: block; font-weight: bold">资源信息</span>
+					<span style="display: block; font-weight: bold;font-size: 20px;">资源信息</span>
 				</div>
-				<div style="display: flex; justify-content: center; align-items: center; height: 40px">
-					<span style="display: block; font-weight: bold">{{ resName }}</span>
+				<div class="lableBox">
+					<span style="display: block; font-weight: bold;font-size: 18px;">{{ resName }}</span>
 				</div>
 
-				<div style="display: flex">
-					<span style="font-weight: bold; margin-right: 10px">所属院系: </span>
-					<span style="display: block; width: 200px">{{ department }}</span>
+				<div class="lableBox">
+					<span class="lableName">所属院系: </span>
+					<span class="lableVal">{{ department }}</span>
 				</div>
 
-				<div style="display: flex; align-items: center">
-					<span style="font-weight: bold; margin-right: 10px">资源类型: </span>
-					<span style="display: block; width: 200px">{{ courseType }}</span>
+				<div class="lableBox">
+					<span class="lableName">资源类型: </span>
+					<span class="lableVal">{{ courseType }}</span>
 				</div>
-				<div style="display: flex; align-items: center">
-					<span style="font-weight: bold; margin-right: 10px">资源格式: </span>
-					<span style="display: block; width: 200px">{{ videoFormat }}</span>
+				<div class="lableBox">
+					<span class="lableName">资源格式: </span>
+					<span class="lableVal">{{ videoFormat }}</span>
 				</div>
 
-				<div style="display: flex; align-items: center">
-					<span style="font-weight: bold; margin-right: 10px">容量大小: </span>
-					<span style="display: block; width: 200px">{{ videoSize }}</span>
+				<div class="lableBox">
+					<span class="lableName">容量大小: </span>
+					<span class="lableVal">{{ videoSize }}</span>
+				</div>
+				<div class="lableBox">
+					<span class="lableName">发布时间: </span>
+					<span class="lableVal">{{ releaseTime }}</span>
 				</div>
-				<div style="display: flex; align-items: center">
-					<span style="font-weight: bold; margin-right: 10px">发布时间: </span>
-					<span style="display: block; width: 200px">{{ releaseTime }}</span>
+				<div class="lableBox">
+					<span class="lableName">资源描述: </span>
+					<span class="lableVal">{{ itemData.resourceDesc }}</span>
 				</div>
 
 				<br />
@@ -222,7 +221,7 @@
 	const setData = (data) => {
 		itemData.value = data
 	}
-	const fileSrc = computed(()=>e=>sysConfig.FILE_URL + e)
+	const fileSrc = computed(() => (e) => sysConfig.FILE_URL + e)
 	const getData = (item) => {
 		detail({ id: item.id })
 			.then((res) => {
@@ -345,7 +344,7 @@
 		display: flex;
 		align-items: center;
 		width: 100%;
-		height: 200px;
+		height: 90px;
 		border: 1px solid #dfe2e5;
 		padding: 20px;
 	}
@@ -436,7 +435,6 @@
 	}
 
 	h1 {
-		text-align: center;
 		margin-bottom: 20px;
 	}
 
@@ -462,7 +460,7 @@
 	.resInfo {
 		margin-left: 10px;
 		width: 300px;
-		height: 570px;
+		height: 710px;
 		border: 1px solid #dfe2e5;
 		padding: 10px;
 	}
@@ -473,7 +471,7 @@
 
 	.resInfoTitile {
 		width: 5px;
-		height: 14px;
+		height: 20px;
 		background-color: #1e90ff;
 		margin-right: 5px;
 	}
@@ -492,4 +490,22 @@
 		color: rgba(0, 0, 0, 0.116);
 		font-size: 12px;
 	}
+	.titleBox {
+		display: flex;
+		align-items: center;
+	}
+	.lableBox {
+		display: flex;
+		align-items: center;
+		margin: 16px 0;
+	}
+	.lableName {
+		font-weight: bold;
+		margin-right: 10px;
+	}
+	.lableVal {
+		display: block;
+		width: 200px;
+		margin-left: 6px;
+	}
 </style>

src/views/student/In-site-message/index.vue

@@ -9,8 +9,16 @@
 				</a-menu>
 			</a-col>
 			<a-col :span="20">
-				<div style="margin-top: -16px;">
-					<s-table ref="table" :columns="columns" :data="loadData" bordered :row-key="(record) => record.id">
+				<div style="margin-top: -16px">
+					<s-table
+						ref="table"
+						:columns="columns"
+						:data="loadData"
+						bordered
+						:row-key="(record) => record.id"
+						:size="15"
+						:pageSizeOptions="['15', '30', '50', '100']"
+					>
 						<template #bodyCell="{ column, record }">
 							<template v-if="column.dataIndex === 'subject'">
 								<ellipsis :length="40" tooltip>
@@ -58,7 +66,7 @@
 		},
 		{
 			title: '发送时间',
-			dataIndex: 'createTime',
+			dataIndex: 'createTime'
 		},
 		{
 			title: '是否已读',

src/views/student/classCentre/index.vue

@@ -92,7 +92,7 @@
 					></rightMenu>
 				</a-card>
 				<div style="display: flex; justify-content: center">
-					<a-card :bordered="false" class="mt-2" style="width: 1200px">
+					<a-card :bordered="false" class="mt-2" style="width: 100%">
 						<a-tabs v-model:activeKey="tabsActiveKey">
 							<a-tab-pane key="1" tab="讲义" style="height: 800px">
 								<handouts :itemObj="itemObj" :hourId="classHourData.id" v-if="classHourData"></handouts>

src/views/student/classCollect/index.vue

@@ -2,10 +2,7 @@
 	<a-card>
 		<a-row :gutter="[16, 16]">
 			<a-col :span="8" v-for="(item, index) in listData" :key="index">
-				<div
-					style="border-radius: 10px 10px 5px 5px; border: 1px solid #dcdcdc; position: relative"
-					@click="jump(item)"
-				>
+				<a-card hoverable :bordered="false" class="boxShadow cardBox" @click="jump(item)">
 					<div style="display: flex; position: relative">
 						<div
 							class="resource"
@@ -47,7 +44,7 @@
 						</div>
 						<span style="font-size: 12px">{{ item.teacherIdName || '-' }}</span>
 					</div>
-				</div>
+				</a-card>
 			</a-col>
 		</a-row>
 		<div style="display: flex; width: 100%; align-items: center; justify-content: center" class="mt-4">
@@ -120,7 +117,7 @@
 	}
 	.resource {
 		width: 100%;
-		height: 150px;
+		height: 220px;
 		position: relative;
 		background: #00000011;
 		border-radius: 10px 10px 0 0;
@@ -151,4 +148,11 @@
 		position: relative;
 		z-index: 2;
 	}
+	.boxShadow {
+		border: 1px solid rgba(0, 0, 0, 0.04);
+		border-radius: 8px;
+	}
+	:deep(.cardBox .ant-card-body) {
+		padding: 0;
+	}
 </style>

src/views/student/classNotice/index.vue

@@ -1,6 +1,14 @@
 <template>
 	<a-card>
-		<s-table ref="table" :columns="columns" :data="loadData" bordered :row-key="(record) => record.id">
+		<s-table
+			ref="table"
+			:columns="columns"
+			:data="loadData"
+			bordered
+			:row-key="(record) => record.id"
+			:size="15"
+			:pageSizeOptions="['15', '30', '50', '100']"
+		>
 			<template #bodyCell="{ column, record }">
 				<template v-if="column.dataIndex == 'platform'">{{ platformType(record.platform) }}</template>
 				<template v-if="column.dataIndex === 'read'">

src/views/student/learningFootprint/index.vue

@@ -1,6 +1,14 @@
 <template>
 	<a-card>
-		<s-table ref="table" :columns="columns" :data="loadData" bordered :row-key="(record) => record.id">
+		<s-table
+			ref="table"
+			:columns="columns"
+			:data="loadData"
+			bordered
+			:row-key="(record) => record.id"
+			:size="15"
+			:pageSizeOptions="['15', '30', '50', '100']"
+		>
 			<template #bodyCell="{ column, record }">
 				<template v-if="column.dataIndex == 'endTime'">{{ classTime(record.endTime) }}</template>
 				<template v-if="column.dataIndex == 'progress'">{{ record.progress + '%' }}</template>

src/views/student/paper/index.vue

@@ -1,14 +1,15 @@
 <template>
-	<a-card>
-		<div class="paper-list">
-			<!-- 任务中心开始 -->
-			<div class="task-center" style="margin-bottom: 24px">
-				<h3 style="border-left: solid 4px #3651d4; padding-left: 8px; margin-bottom: 12px; font-size: 18px">
-					<div>{{ examName }}</div>
-				</h3>
+	<div>
+		<a-card style="width: 100%;" class="titleCard">
+			<div style="font-size: 18px">
+				<div>我的{{ examName }}</div>
+			</div>
+		</a-card>
+		<a-card style="width: 100%" class="mt-3">
+			<div class="flc mb-4">
+				<div class="fcc mr-1">分类：</div>
 				<a-select
 					v-if="examType == 1"
-					class="mb-3"
 					v-model:value="examTypeSelect"
 					placeholder="所有分类"
 					style="width: 110px"
@@ -16,65 +17,65 @@
 					@change="handleChangeVal"
 					allowClear
 				></a-select>
-				<a-spin :spinning="taskLoading">
-					<a-table
-						ref="paperTableRef"
-						:columns="taskColumns"
-						:data-source="taskList"
-						:expand-row-by-click="true"
-						:pagination="pagination"
-					>
-						<template #headerCell="{ column }">
-							<template v-if="column.dataIndex === 'examName'">
-								{{ examName + column.title }}
-							</template>
-							<template v-if="column.dataIndex === 'examType'">
-								{{ examName + column.title }}
-							</template>
+			</div>
+			<a-spin :spinning="taskLoading">
+				<a-table
+					ref="paperTableRef"
+					:columns="taskColumns"
+					:data-source="taskList"
+					:expand-row-by-click="true"
+					:pagination="pagination"
+				>
+					<template #headerCell="{ column }">
+						<template v-if="column.dataIndex === 'examName'">
+							{{ examName + column.title }}
+						</template>
+						<template v-if="column.dataIndex === 'examType'">
+							{{ examName + column.title }}
+						</template>
+					</template>
+					<template #bodyCell="{ column, record }">
+						<template v-if="record.examType && column.key === 'examType'">
+							{{ examTypeName(record.examType) || '--' }}
+						</template>
+						<template v-if="record.startTime && column.key === 'startTime'">
+							{{ formatDateTime(record.startTime) || '--' }}
+						</template>
+						<template v-if="record.endTime && column.key === 'endTime'">
+							{{ formatDateTime(record.endTime) || '--' }}
 						</template>
-						<template #bodyCell="{ column, record }">
-							<template v-if="record.examType && column.key === 'examType'">
-								{{ examTypeName(record.examType) || '--' }}
-							</template>
-							<template v-if="record.startTime && column.key === 'startTime'">
-								{{ formatDateTime(record.startTime) || '--' }}
-							</template>
-							<template v-if="record.endTime && column.key === 'endTime'">
-								{{ formatDateTime(record.endTime) || '--' }}
-							</template>
 
-							<template v-if="record.paperType && column.key === 'paperType'">
-								<span v-if="!examPaperType">{{ examTypeName(record.paperType) }}</span>
-								<span v-if="examPaperType">{{ paperTypeEnum(record.paperType) }}</span>
-							</template>
+						<template v-if="record.paperType && column.key === 'paperType'">
+							<span v-if="!examPaperType">{{ examTypeName(record.paperType) }}</span>
+							<span v-if="examPaperType">{{ paperTypeEnum(record.paperType) }}</span>
+						</template>
 
-							<template v-if="column.key === 'status'">
-								<a-tag :color="statusTagFormatter(record.status)" size="small">
-									{{ statusTextFormatter(record.status) }}
-								</a-tag>
-							</template>
-							<template v-if="column.key === 'action'">
-								<router-link
-									v-if="record.status == 0"
-									:to="{ path: '/student/do', query: { id: record.paperId ? record.paperId : record.id } }"
-									target="_blank"
-								>
-									<a-button type="link" size="small">{{ examType == 4 ? `开始答题` : `填写${examName}` }}</a-button>
-								</router-link>
-								<router-link
-									v-if="record.status == 2"
-									:to="{ path: '/student/read', query: { id: record.answerId } }"
-									target="_blank"
-								>
-									<a-button type="link" size="small">查看结果</a-button>
-								</router-link>
-							</template>
+						<template v-if="column.key === 'status'">
+							<a-tag :color="statusTagFormatter(record.status)" size="small">
+								{{ statusTextFormatter(record.status) }}
+							</a-tag>
 						</template>
-					</a-table>
-				</a-spin>
-			</div>
-		</div>
-	</a-card>
+						<template v-if="column.key === 'action'">
+							<router-link
+								v-if="record.status == 0"
+								:to="{ path: '/student/do', query: { id: record.paperId ? record.paperId : record.id } }"
+								target="_blank"
+							>
+								<a-button type="link" size="small">{{ examType == 4 ? `开始答题` : `填写${examName}` }}</a-button>
+							</router-link>
+							<router-link
+								v-if="record.status == 2"
+								:to="{ path: '/student/read', query: { id: record.answerId } }"
+								target="_blank"
+							>
+								<a-button type="link" size="small">查看结果</a-button>
+							</router-link>
+						</template>
+					</template>
+				</a-table>
+			</a-spin>
+		</a-card>
+	</div>
 </template>
 
 <script setup>
@@ -105,26 +106,26 @@
 	const typeOptionsVal = ref([
 		{
 			label: '考试',
-			title:'任务',
+			title: '任务',
 			value: '1',
 			paperType: '6'
 		},
 		{
 			label: '章节测验',
-			title:'章节测验',
+			title: '章节测验',
 			value: '2',
 			paperType: '3',
 			funcType: '5'
 		},
 		{
 			label: '调查问卷',
-			title:'调查问卷',
+			title: '调查问卷',
 			value: '3',
 			paperType: '5'
 		},
 		{
 			label: '作业',
-			title:'作业',
+			title: '作业',
 			value: '4',
 			paperType: '2',
 			funcType: '4'
@@ -171,7 +172,7 @@
 		{ title: '结束时间', dataIndex: 'endTime', key: 'endTime', width: 180, columnsType: [1, 3] },
 
 		{ title: '状态', dataIndex: 'status', key: 'status', width: 90, columnsType: [1, 2, 3, 4] },
-		{ title: '操作', key: 'action', align: 'right', width: 120, columnsType: [1, 2, 3, 4] }
+		{ title: '操作', key: 'action', align: 'left', width: 120, columnsType: [1, 2, 3, 4] }
 	])
 	const statusTextFormatter = (status) => {
 		if (status === 0) return '未答题'
@@ -182,14 +183,14 @@
 	const statusTagFormatter = (status) => {
 		if (status === 2) return 'blue'
 		if (status === 1) return 'green'
-		if (status === 0) return 'gray'
+		if (status === 0) return 'red'
 		return 'default'
 	}
-	const examPaperType = computed(()=>{
+	const examPaperType = computed(() => {
 		if (examType.value == 2 || examType.value == 4) {
 			//章节/作业(固定试卷)
 			return true
-		}else{
+		} else {
 			//任务试卷
 			return false
 		}
@@ -257,10 +258,17 @@
 </script>
 
 <style lang="less" scoped>
-	.paper-list {
-		margin-top: 10px;
-		.task-center {
-			margin-bottom: 24px;
-		}
-	}
+.flc {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+}
+.fcc {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+:deep(.titleCard .ant-card-body){
+	padding:16px 24px;
+}
 </style>