瀏覽代碼

样式修改

tanxue 5 月之前
父節點
當前提交
cf4c910264
共有 1 個文件被更改,包括 13 次插入13 次删除
  1. 13 13
      common/styles/global/pages.scss

+ 13 - 13
common/styles/global/pages.scss

@@ -251,14 +251,14 @@
 	}
 	.chapter-box{
 		width: 150rpx;text-align: center;font-weight: 800;color: #5c1a11;
-		font-size: 32rpx;position: absolute;top:126rpx;left:330rpx;
+		font-size: 32rpx;position: absolute;top:136rpx;left:330rpx;
 	}
 	.chapter-title-box{
 		width: 268rpx;text-align: center;font-weight: 800;color: #fbb030;@include single-line-ellipsis;
-		font-size: 32rpx;position: absolute;top:180rpx;left:270rpx;
+		font-size: 32rpx;position: absolute;top:190rpx;left:270rpx;
 	}
 	.brand-item{box-sizing: border-box;font-size: 28rpx;color: #fff;text-align: center;font-weight: 600;position: relative;}
-	.brand-content{width: 100%;@include single-line-ellipsis;}
+	.brand-content{width: 85%;margin: 0 auto;@include single-line-ellipsis;}
 	.brand-icon,.brand-lock{
 		width: 70rpx;height: 70rpx;@include ezy-no-repeat-cover;
 		position: absolute;top: -30rpx;left: 50%;transform: translateX(-50%);}
@@ -274,32 +274,32 @@
 	}
 	.brand-item:nth-child(1){
 		width: 298rpx;height: 144rpx;@include ezy-no-repeat-cover;
-		padding: 40rpx 4rpx 10rpx 12rpx;position: absolute;top:320rpx;right:60rpx;
+		padding: 40rpx 0 10rpx;position: absolute;top:320rpx;right:60rpx;
 		background-image: url("@/static/images/catalog/chang-pai-disabled.png");
 		
 	}
 	.brand-item.brand-active:nth-child(1){background-image: url("@/static/images/catalog/chang-pai-active.png");}
 	.brand-item:nth-child(2){
 		width: 231rpx;height: 147rpx;@include ezy-no-repeat-cover;
-		padding: 40rpx 0 10rpx 16rpx;position: absolute;top:540rpx;left:75rpx;
+		padding: 40rpx 0 10rpx;position: absolute;top:540rpx;left:75rpx;
 		background-image: url("@/static/images/catalog/duan-pai-disabled.png");
 	}
 	.brand-item:nth-child(3){
 		width: 298rpx;height: 144rpx;@include ezy-no-repeat-cover;
-		padding: 40rpx 4rpx 10rpx 12rpx;position: absolute;top:692rpx;right:90rpx;
+		padding: 40rpx 0 10rpx;position: absolute;top:692rpx;right:90rpx;
 		background-image: url("@/static/images/catalog/chang-pai-disabled.png");
 	}
 	.brand-item:nth-child(4){
 		width: 185rpx;height: 121rpx;@include ezy-no-repeat-cover;
-		padding: 16rpx 16rpx 10rpx 24rpx;position: absolute;top:1112rpx;right:140rpx;
+		padding: 16rpx 10rpx 10rpx 10rpx;position: absolute;top:1112rpx;right:140rpx;
 		background-image: url("@/static/images/catalog/ceshi-pai.png");
 		.brand-lock{left: 0;top: -30rpx;}
 	}
 	@media (max-height: 800px) {
 		// 0.92
 		.ezy-study-wrap{width: 690rpx;height: 1284rpx;}
-		.chapter-box{width: 138rpx;top:115rpx;left:304rpx;}
-		.chapter-title-box{width: 247rpx;top:164rpx;left:247rpx;}
+		.chapter-box{width: 138rpx;top:130rpx;left:304rpx;font-size: 28rpx;}
+		.chapter-title-box{width: 247rpx;top:178rpx;left:247rpx;font-size: 28rpx;}
 		.brand-item:nth-child(1){top:280rpx;right:32rpx;}
 		.brand-item:nth-child(2){top:480rpx;left:70rpx;}
 		.brand-item:nth-child(3){top:632rpx;right:78rpx;}
@@ -308,8 +308,8 @@
 	@media (max-height: 700px) {
 		//0.88
 		.ezy-study-wrap{width: 644rpx;height: 1198rpx;}
-		.chapter-box{top:106rpx;left:275rpx;}
-		.chapter-title-box{width: 230rpx;top:152rpx;left:230rpx;}
+		.chapter-box{top:120rpx;left:278rpx;}
+		.chapter-title-box{width: 230rpx;top:165rpx;left:230rpx;}
 		.brand-item:nth-child(1){top:245rpx;right:30rpx;}
 		.brand-item:nth-child(2){top:440rpx;left:60rpx;}
 		.brand-item:nth-child(3){top:578rpx;right:50rpx;}
@@ -319,8 +319,8 @@
 		//0.76
 		min-height:1200rpx;
 		.ezy-study-wrap{width: 577rpx;height: 1072rpx;}
-		.chapter-box{width: 120rpx;top:93rpx;left:252rpx;}
-		.chapter-title-box{width: 210rpx;top:132rpx;left:206rpx;}
+		.chapter-box{width: 120rpx;top:105rpx;left:252rpx;font-size: 26rpx;}
+		.chapter-title-box{width: 215rpx;top:145rpx;left:204rpx;font-size: 26rpx;}
 		.brand-item:nth-child(1){top:205rpx;right:4rpx;}
 		.brand-item:nth-child(2){top:380rpx;left:30rpx;}
 		.brand-item:nth-child(3){top:508rpx;right:30rpx;}