样式优化

common/styles/global/pages.scss

@@ -121,4 +121,16 @@ iframe{z-index: 3;}
 	.xywh-row-content{top: 450rpx;}
 	}
 }
+
+// 下载中心
+.xzzx-page{
+	.xzzx-search-box{display: flex;align-items: center;}
+	.xzzx-search-btn{background-color: #1a6ac3;flex-shrink: 0;font-size: 24rpx;color: #fff;
+	border-radius: 6rpx;margin-left: 16rpx;padding: 18rpx 24rpx;}
+	.dljt-scroll-view{
+		height: calc(100vh - 620rpx);
+		// .uni-scroll-view-content{height: calc(100vh - 410rpx);}
+	}
+	.uni-load-more{border-top: 1rpx solid #ccc;}
+}
   

pages/xzzxXiazaizhongxin/xzzxXiazaizhongxin.vue

@@ -1,38 +1,39 @@
 <template>
-	<view class="dljt-page-box">
+	<view class="dljt-page-box xzzx-page">
 		<MtaNavbar></MtaNavbar>
 		<view class="dljt-container-box">
-			<view class="dljt-page-title">学院概况</view>
+			<view class="dljt-page-title">下载中心</view>
 			<view class="dljt-page-content-box">
 				<view class="dljt-breadcrumb-box">
 					<view class="breadcrumb-text" @click="handleGo()">首页</view>
 					<icon class="breadcrumb-jt"></icon>
 					<view class="breadcrumb-active">下载中心</view>
 				</view>
-				<view>
+				<view class="dljt-detail-box">
 					<!-- 查询 -->
-					<view>
+					<view class="xzzx-search-box">
 						<uni-data-select v-model="data.activeId" :localdata="data.treeList"></uni-data-select>
-
-						<button @click="handleClick">查询</button>
+						<view @click="handleClick" class="xzzx-search-btn">查询</view>
 					</view>
-					<view>
-						<view>序号</view>
-						<view>类别</view>
-						<view>文件</view>
-						<view>文件下载</view>
+					<view class="dljt-table-box">
+						<view class="table-th-row">
+							<view style="width: 15%">序号</view>
+							<view style="width: 20%">类别</view>
+							<view style="width: 40%">文件</view>
+							<view style="width: 25%">文件下载</view>
+						</view>
+						<MtaScrollViewVue ref="myRef" :refreshFn="getList" :size="10"
+							:otherOption="{classifyId: data.activeId}">
+							<template v-slot="{ list }">
+								<view class="table-td-row" v-for="(item,index) in list" :key="item.id">
+									<view style="width: 15%">{{index+1}}</view>
+									<view style="width: 20%">{{item.classifyName}}</view>
+									<view style="width: 40%">{{item.title}}</view>
+									<view style="width: 25%" @click="handleDownFile(item)">下载</view>
+								</view>
+							</template>
+						</MtaScrollViewVue>
 					</view>
-					<MtaScrollViewVue ref="myRef" :refreshFn="getList" :size="10"
-						:otherOption="{classifyId: data.activeId}">
-						<template v-slot="{ list }">
-							<view class="xyry-item-row" v-for="(item,index) in list" :key="item.id">
-								<view>{{index+1}}</view>
-								<view>{{item.classifyName}}</view>
-								<view>{{item.title}}</view>
-								<view @click="handleDownFile(item)">下载</view>
-							</view>
-						</template>
-					</MtaScrollViewVue>
 				</view>
 			</view>
 			<!-- 底部导航 -->