样式修改

common/styles/global/components.scss

@@ -664,7 +664,16 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 		position: relative;padding: 12rpx 0;@include single-line-ellipsis}
 	.text-item.active{color: #068aea;}
 	.text-item.active::after{content: '';width: 70%;height: 4rpx;display: block;
-	background-color:#068aea;bottom: 0rpx;left:15%;position: absolute;border-radius: 8rpx;}
+	background-color:#068aea;bottom: 0rpx;left:15%;position: absolute;border-radius: 8rpx;}
+	@include mediaSmall() {
+		.text-item{font-size: 20rpx;padding: 8rpx 0;}
+		.text-item.active::after{height: 3rpx;border-radius: 5rpx;}
+	}
+
+	@include mediaBig() {
+		.text-item{font-size: 46rpx;padding: 19rpx 0;}
+		.text-item.active::after{height: 6rpx;border-radius: 10rpx;}
+	}
 }
 
 

common/styles/global/pages.scss

@@ -647,6 +647,31 @@
 		}
 	}
 	.xbb-list-no-more{width: 100%;margin-top: 10rpx;}
+	@include mediaSmall() {
+			.xbb-list-box{
+				padding: 21rpx 16rpx;
+				.xbb-item-box{
+					font-size: 20rpx;border-radius: 10rpx;margin: 8rpx 1.16%;width: 31%;
+					.xbb-item-text{padding: 16rpx 0;}
+					.arrow-icon{width: 33rpx;}
+					.arrow-icon::after{width: 22rpx;height: 22rpx;}
+				}
+			}
+			.xbb-list-no-more{margin-top: 6rpx;}
+		}
+	
+		@include mediaBig() {
+			.xbb-list-box{
+				padding: 51rpx 38rpx;
+				.xbb-item-box{
+					font-size: 46rpx;border-radius: 26rpx;margin: 24rpx 1.16%;
+					.xbb-item-text{padding: 38rpx 0;}
+					.arrow-icon{width: 80rpx;}
+					.arrow-icon::after{width: 54rpx;height: 54rpx;}
+				}
+			}
+			.xbb-list-no-more{margin-top: 16rpx;}
+		}
 }
 
 // 学习大纲
@@ -2545,8 +2570,8 @@
 	.xue-change-btn-box{
 		display: flex;justify-content: center;border-bottom: 1rpx dashed #8dcff1;padding: 32rpx 0 42rpx;
 		.change-btn{
-			width: 254rpx;height:77rpx;position: relative;
-			text{color: #3d7efe;position: relative;font-size: 32rpx;z-index: 2;display: inline-block;margin-top:15rpx;}
+			width: 254rpx;height:77rpx;position: relative;line-height: 75rpx;
+			text{color: #3d7efe;position: relative;font-size: 32rpx;z-index: 2;display: inline-block;}
 		}
 		.change-btn::after{
 			content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;@include ezy-no-repeat-cover;