样式修改

common/styles/global/pages.scss

@@ -1207,20 +1207,22 @@
 .ezy-jstx-ziliao-page{
 	width: 100%;height: 100vh;display: flex;flex-direction: column;
 	.jstx-body{
-		margin-top: 48rpx;position: relative;overflow: unset;padding: 0 24rpx;box-sizing: border-box;
+		margin: 48rpx 20rpx 0;position: relative;overflow: unset;padding: 0 24rpx;box-sizing: border-box;
 		height: calc(100vh - 160rpx - var(--status-bar-height));
 		.jstx-body-title{
 			width: 406rpx;height: 77rpx;display: block;overflow-x:auto;
 			position: absolute;left: 50%;transform: translateX(-50%);top: -28rpx;z-index: 3;
-			@include ezy-no-repeat-cover;background-image: url("@/static/images/ziliao/select-dj-img.png");
+			@include ezy-no-repeat-cover;background-image: url("@/static/images/common/ziliao/select-dj-img.png");
 		}
 
 		.jstx-tab-box{
 			width: 100%;height: 64rpx;white-space: nowrap;padding: 0;
 			text-align:center;margin: 90rpx 0 0;overflow-x: auto;
 			.tab-item{
-				height: 64rpx;line-height: 64rpx;margin: 0 18rpx;padding: 0 20rpx;
+				height: 64rpx;line-height: 64rpx;margin: 0 16rpx;padding: 0 20rpx;
 				color: #333;font-size: 36rpx;display: inline-block;text-align:center;}
+			.tab-item:first-child{margin-left: 0;}
+			.tab-item:last-child{margin-right: 0;}
 			.active{color: #0d7ffc;position: relative;}
 			.active::after{
 				content: '';width: 100%;height: 4rpx;background-color: #0d7ffc;
@@ -1241,12 +1243,61 @@
 				}
 				.card-icon{
 					width: 58rpx;height: 62rpx;flex-shrink: 0;
-					@include ezy-no-repeat-cover;background-image: url("@/static/images/ziliao/jstx-pdf.png");
+					@include ezy-no-repeat-cover;background-image: url("@/static/images/common/ziliao/jstx-pdf.png");
 				}
 			}
 
 		}
 	}
+	
+	@include mediaSmall() {
+		.jstx-body{
+			margin-top: 31rpx;padding: 0 16rpx;
+			height: calc(100vh - 104rpx - var(--status-bar-height));
+			.jstx-body-title{width: 264rpx;height: 50rpx;top: -19rpx;}
+			.jstx-tab-box{
+				height: 42rpx;margin: 60rpx 0 0;font-size: 0;
+				.tab-item{height: 42rpx;line-height: 42rpx;margin: 0 20rpx;padding: 0 27rpx;font-size: 22rpx;}
+				.active::after{height: 3rpx;}
+			}
+			.jstx-card-list{
+				padding: 16rpx 0 0;
+				.ziliao-card-box{
+					padding: 10rpx;margin-bottom: 16rpx;border-radius: 10rpx;
+					.card-img{width: 82rpx;height: 82rpx;margin-right: 16rpx;}
+					.card-content-box{
+						.ziliao-name{font-size: 22rpx;margin-bottom: 7rpx;}
+						.banben-name{font-size: 20rpx;}
+					}
+					.card-icon{width: 40rpx;height: 42rpx;margin-right: 12rpx;}
+				}
+			}
+		}
+	}
+	@include mediaBig() {
+		.jstx-body{
+			margin: 76rpx 42rpx;padding: 0 38rpx;
+			height: calc(100vh - 256rpx - var(--status-bar-height));
+			.jstx-body-title{width: 650rpx;height: 123rpx;top: -45rpx;}
+			.jstx-tab-box{
+				height: 102rpx;margin: 144rpx 0 0;
+				.tab-item{height: 102rpx;line-height: 102rpx;margin: 0 60rpx;padding: 0 77rpx;font-size: 54rpx;}
+				.active::after{height: 6rpx;}
+			}
+			.jstx-card-list{
+				padding: 38rpx 0 0;
+				.ziliao-card-box{
+					padding: 28rpx;margin-bottom: 38rpx;border-radius: 26rpx;
+					.card-img{width: 210rpx;height: 210rpx;margin-right: 38rpx;}
+					.card-content-box{
+						.ziliao-name{font-size: 54rpx;margin-bottom: 16rpx;}
+						.banben-name{font-size: 46rpx;}
+					}
+					.card-icon{width: 112rpx;height: 120rpx;}
+				}
+			}
+		}
+	}
 }
 
 // 资料下载弹窗