Browse Source

样式修改

tanxue 2 weeks ago
parent
commit
e431d51ebb
3 changed files with 16 additions and 27 deletions
  1. 1 1
      App.vue
  2. 12 25
      common/styles/global/components.scss
  3. 3 1
      common/styles/global/pages.scss

+ 1 - 1
App.vue

@@ -73,7 +73,7 @@
 	/* 公共样式 */
 	@import '/common/styles/index.scss';
 
-	// 小米字体、思源黑体、苹果平方、数字字体、通用无衬线字体
+	// 小米字体、苹果平方、通用无衬线字体
 	body,
 	html,
 	#app {

+ 12 - 25
common/styles/global/components.scss

@@ -137,24 +137,6 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 
 
 /***** 标题栏  *****/
-// 三个元素
-.ezy-navBar-box{
-	display: flex;align-items: center;justify-content: space-between;
-	padding: 0 20rpx 20rpx;box-sizing: border-box;position: relative;
-	.nav-bar-icon{
-		width: 24rpx;height: 38rpx;
-		background-image: url("@/static/images/common/navBar-return-btn.png");@include ezy-no-repeat-cover();
-	}
-	.nav-bar-title{font-size: 36rpx;color: #fff;}
-	// 考试数字
-	.nav-bar-other{
-		font-size: 30rpx;color: #fff;margin-right: 2%;
-		.key-note{color: #ffff01;}
-	}
-	// 文字按钮
-	.text-btn{font-size: 26rpx;color: #fff;padding-top: 4rpx;box-sizing: border-box;}
-}
-// 两个元素
 .icon-title-navBar-box{
 	display: flex;align-items: center;justify-content: center;
 	padding: calc(6rpx + var(--status-bar-height)) 20rpx 16rpx;box-sizing: border-box;position: relative;
@@ -175,6 +157,10 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 		width: 100%;height: 356rpx;content: '';display: block;position: absolute;z-index: 0;top: 0;left: 0;
 		background-image: url("@/static/images/phone/common/page-header-bj.png");@include ezy-no-repeat-cover(top);
 	}
+	// 右侧文字按钮
+	.navBar-text-btn{font-size: 26rpx;color: #fff;padding-top: 4rpx;box-sizing: border-box;
+	position: absolute;right: 4%;}
+	
 	/*** pad ***/
 	@include mediaSmall() {
 		padding: calc(6rpx + var(--status-bar-height)) 20rpx 10rpx;
@@ -182,12 +168,14 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 		.nav-bar-icon{width: 46rpx;height: 46rpx;top: calc(6rpx + var(--status-bar-height));}
 		.nav-bar-icon::before{width: 16rpx;height: 25rpx;margin-left: 20rpx;}
 		&::before{height: 160rpx;background-image: url("@/static/images/pad/common/page-header-bj.png");}
+		.navBar-text-btn{font-size: 20rpx;padding-top: 3rpx;right: 3%;}
 	}
 	@include mediaBig(){
 		.nav-bar-title{font-size: 66rpx;height: 180rpx;line-height: 180rpx;}
 		.nav-bar-icon{width: 180rpx;height: 180rpx;}
 		.nav-bar-icon::before{width: 38rpx;height: 61rpx;margin-left: 42rpx;}
 		&::before{height: 420rpx;}
+		.navBar-text-btn{font-size: 46rpx;padding-top: 6rpx;right: 3%;}
 	}
 }
 // 仅一个返回按钮
@@ -200,13 +188,12 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 
 	@include mediaSmall() {
 			width: 65rpx;height: 65rpx;
-			&::after {width: 16rpx;height: 25rpx;margin: 8rpx 21rpx 8rpx;}
-		}
-
-		@include mediaBig() {
-			width: 160rpx;height: 160rpx;
-			&::after {width: 38rpx;height: 61rpx;margin: 19rpx 51rpx 19rpx;}
-		}
+		&::after {width: 16rpx;height: 25rpx;margin: 8rpx 21rpx 8rpx;}
+	}
+	@include mediaBig() {
+		width: 160rpx;height: 160rpx;
+		&::after {width: 38rpx;height: 61rpx;margin: 19rpx 51rpx 19rpx;}
+	}
 }
 
 /***** 登录按钮 *****/

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

@@ -1429,7 +1429,8 @@
 			.answer-line{top: 10rpx;bottom: 10rpx;}
 		}
 		.answer-stjx-box{
-			.answer-rich-text{font-size: 21rpx;line-height: 1.8;}
+			font-size: 20rpx;
+			.answer-rich-text{font-size: 20rpx;line-height: 1.8;}
 		}
 		.answer-video-box{
 			margin-bottom: 16rpx;
@@ -1464,6 +1465,7 @@
 			.answer-line{top: 26rpx;bottom: 26rpx;}
 		}
 		.answer-stjx-box{
+			font-size: 46rpx;
 			.answer-rich-text{font-size: 46rpx;line-height: 1.8;}
 		}
 		.answer-video-box{