Browse Source

pad样式修改

tanxue 2 weeks ago
parent
commit
f53bd39c5c
2 changed files with 69 additions and 2 deletions
  1. 1 1
      common/styles/global/components.scss
  2. 68 1
      common/styles/global/pages.scss

+ 1 - 1
common/styles/global/components.scss

@@ -237,7 +237,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 .ezy-shiti-question{
 	margin: 24rpx 0 42rpx;font-size: 32rpx;color: #333;line-height: 1.6;padding: 0 10rpx;box-sizing: border-box;
 	text-align: justify;word-wrap: break-word;word-break: break-all;display: block;@include ezy-rich-text;
-	@include mediaSmall() {margin: 16rpx 0 27rpx;font-size: 20rpx;padding: 0 6rpx;}
+	@include mediaSmall() {margin: 16rpx 0 27rpx;font-size: 20rpx;padding: 0 6rpx;line-height: 1.8;}
 	@include mediaBig() {margin: 38rpx 0 67rpx;font-size: 46rpx;padding: 0 16rpx;}
 }
 

+ 68 - 1
common/styles/global/pages.scss

@@ -1373,7 +1373,74 @@
 		width: 90rpx;height: 90rpx;@include ezy-no-repeat-cover;background-image: url("@/static/images/xuexi/video-play-btn.png");
 		top: 52%;left: 50%!important;transform: translate(-50%, -50%);z-index: 20;
 		}
-
+		
+	@include mediaSmall() {
+		.answer-content-box{
+			margin-top: 16rpx;
+			.answer-title{width: 135rpx;height: 59rpx;line-height: 59rpx;font-size: 21rpx;margin-left: 6rpx;}
+			.answer-text-title{font-size: 21rpx;margin: 16rpx 0;}
+			.answer-content-border{border-radius: 8rpx;font-size: 21rpx;margin: 27rpx auto 36rpx;}
+			.tiankong-answer-content-box{
+				font-size: 21rpx;
+				padding: 16rpx;
+				min-height: 52rpx;
+				.tiankong-answer-title{margin-bottom: 6rpx;}
+				.answer-index-box{
+					font-size: 16rpx;border-radius: 16rpx;margin-right: 6rpx;
+					padding: 1rpx 5rpx;min-width: 10rpx;}
+				.tiankong-answer-row{margin: 16rpx 0;}
+			}
+			.answer-btn-box{height: 88rpx;}
+			.answer-item-left,.answer-item-right{
+				.answer-item-title{font-size: 20rpx;margin-bottom: 6rpx;}
+				.answer-item-error{font-size: 20rpx;min-height: 23rpx;}
+				.answer-item-correct{font-size: 20rpx;min-height: 23rpx;}
+			}
+			.answer-line{top: 10rpx;bottom: 10rpx;}
+		}
+		.answer-stjx-box{
+			.answer-rich-text{font-size: 21rpx;line-height: 1.8;}
+		}
+		.answer-video-box{
+			margin-bottom: 16rpx;
+			&::before{width: 59rpx;height: 59rpx;}
+		}
+	}
+	
+	@include mediaBig() {
+		.answer-content-box{
+			margin-top: 38rpx;
+			.answer-title{
+				width: 333rpx;height: 146rpx;line-height: 146rpx;
+				font-size: 54rpx;margin-left: 16rpx;
+			}
+			.answer-text-title{font-size: 54rpx;margin: 38rpx 0;}
+			.answer-content-border{border-radius: 19rpx;font-size: 46rpx;margin: 67rpx auto 90rpx;}
+			.tiankong-answer-content-box{
+				font-size: 46rpx;padding: 38rpx;min-height: 128rpx;
+				.tiankong-answer-title{margin-bottom: 16rpx;}
+				.answer-index-box{
+					font-size: 46rpx;border-radius: 38rpx;
+					margin-right: 16rpx;padding: 3rpx 11rpx;min-width: 26rpx;
+				}
+				.tiankong-answer-row{margin: 38rpx 0;}
+			}
+			.answer-btn-box{height: 216rpx;}
+			.answer-item-left,.answer-item-right{
+				.answer-item-title{font-size: 54rpx;margin-bottom: 16rpx;}
+				.answer-item-error{font-size: 46rpx;min-height: 58rpx;}
+				.answer-item-correct{font-size: 46rpx;min-height: 58rpx;}
+			}
+			.answer-line{top: 26rpx;bottom: 26rpx;}
+		}
+		.answer-stjx-box{
+			.answer-rich-text{font-size: 46rpx;line-height: 1.8;}
+		}
+		.answer-video-box{
+			margin-bottom: 38rpx;
+			&::before{width: 144rpx;height: 144rpx;}
+		}
+	}	
 }