Browse Source

pad样式修改

tanxue 2 weeks ago
parent
commit
9e9d6560a4
2 changed files with 96 additions and 0 deletions
  1. 18 0
      common/styles/global/components.scss
  2. 78 0
      common/styles/global/pages.scss

+ 18 - 0
common/styles/global/components.scss

@@ -600,6 +600,24 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 		// 播放按钮动画
 		.play-apply-animation{animation:unset;}
 	}
+	
+	@include mediaSmall() {
+			width: 696rpx;height: 380rpx;margin: 0 auto 27rpx;
+			box-shadow: 0 0rpx 10rpx rgba(100, 159, 241, 0.2);
+	
+			.ezy-video{
+				.prism-big-play-btn{width: 57rpx;height: 57rpx;}
+			}
+		}
+	
+		@include mediaBig() {
+			width: 1940rpx;height: 1100rpx;margin: 0 auto 67rpx;
+			box-shadow: 0 0rpx 26rpx rgba(100, 159, 241, 0.2);
+	
+			.ezy-video{
+				.prism-big-play-btn{width: 139rpx;height: 139rpx;}
+			}
+		}
 }
 
 // 升级提醒弹窗

+ 78 - 0
common/styles/global/pages.scss

@@ -664,6 +664,84 @@
 		background-image: url("@/static/images/xuexi/dagang-img.png");
 		position: absolute;top: -138rpx;left: 0;z-index: 1;
 	}
+	
+	@include mediaSmall() {
+			border-radius: 10rpx 10rpx 0 0;
+			padding: 23rpx 0 78rpx;
+			
+			.xuexi-dagang-body{padding: 16rpx 0 0;}
+			.dagang-title{
+				font-size: 22rpx;margin: 16rpx auto 0;
+				icon{width: 65rpx;height: 65rpx;top: -39rpx;right: -13%;}
+				icon::after{width: 34rpx;height: 34rpx;}
+			}
+	
+			.dagang-xh-box{
+				width: 690rpx;margin: 42rpx auto 0;
+				.xh-title{font-size: 22rpx;margin-left: 4rpx;}
+				.xh-content-box{
+					border-radius: 10rpx;margin-top: 21rpx;padding: 16rpx;
+					box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.3);
+				}
+				.text-row{
+					font-size: 20rpx;margin: 16rpx 0;
+					icon{width: 8rpx;height: 8rpx;margin: 14rpx 8rpx 0 0;}
+				}
+			}
+	
+			.dagang-content-box{
+				margin-top: 180rpx;
+				.dagang-content-title{font-size: 22rpx;margin-left: 23rpx;}
+				.dagang-item-list{padding: 36rpx 0 21rpx;}
+				.dagang-content-item{
+					width: 690rpx;border-radius: 8rpx;margin: 0 auto 16rpx;
+					padding: 13rpx;font-size: 20rpx;
+					img{width: 78rpx;height: 78rpx;border-radius: 8rpx;margin-right: 16rpx;}
+					.content-title{margin-left: 21rpx;}
+					.content-title:nth-child(1)::before{
+						width: 8rpx;height: 8rpx;left: -16rpx;top: 14rpx;
+						}
+				}
+			}
+			.dagang-content-box::before{width: 749rpx;height: 192rpx;top: -140rpx;}
+		}
+	
+		@include mediaBig() {
+			border-radius: 26rpx 26rpx 0 0;padding: 58rpx 0 192rpx;
+			
+			.xuexi-dagang-body{padding: 38rpx 0 0;}
+			.dagang-title{
+				font-size: 54rpx;margin: 38rpx auto 0;
+				icon{width: 160rpx;height: 160rpx;top: -96rpx;right: -13%;}
+				icon::after{width: 83rpx;height: 83rpx;}
+			}
+	
+			.dagang-xh-box{
+				width: 1940rpx;margin: 102rpx auto 0;
+				.xh-title{font-size: 54rpx;margin-left: 10rpx;}
+				.xh-content-box{
+					border-radius: 26rpx;margin-top: 51rpx;padding: 38rpx;
+					box-shadow: 0 0rpx 10rpx rgba(100, 159, 241, 0.3);
+				}
+				.text-row{
+					font-size: 46rpx;margin: 19rpx 0;
+					icon{width: 21rpx;height: 21rpx;margin: 35rpx 19rpx 0 0;}
+				}
+			}
+	
+			.dagang-content-box{
+				margin-top: 320rpx;
+				.dagang-content-title{font-size: 54rpx;margin-left: 58rpx;}
+				.dagang-item-list{padding: 90rpx 0 51rpx;}
+				.dagang-content-item{
+					width: 1940rpx;border-radius: 19rpx;margin: 0 auto 38rpx;padding: 32rpx;font-size: 51rpx;
+					img{width: 192rpx;height: 192rpx;border-radius: 19rpx;margin-right: 38rpx;}
+					.content-title{margin-left: 51rpx;}
+					.content-title:nth-child(1)::before{width: 21rpx;height: 21rpx;left: -38rpx;top: 35rpx;}
+				}
+			}
+			.dagang-content-box::before{width: 1200rpx;height: 309rpx;top: -221rpx;}
+		}
 }
 
 // 学习