Ver Fonte

样式修改

tanxue há 3 meses atrás
pai
commit
a9956c00f6
2 ficheiros alterados com 5 adições e 5 exclusões
  1. 2 2
      common/styles/global/components.scss
  2. 3 3
      common/styles/global/pages.scss

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

@@ -77,7 +77,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 /***** 标题栏  *****/
 // 三个元素
 .ezy-navBar-box{
-	display: flex;align-items: center;justify-content: space-between;
+	display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;
 	padding: 0 20rpx 20rpx;box-sizing: border-box;position: relative;
 	.nav-bar-icon{
 		width: 24rpx;height: 38rpx;
@@ -94,7 +94,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 }
 // 两个元素
 .icon-title-navBar-box{
-	display: flex;align-items: center;justify-content: center;
+	display: flex;align-items: center;justify-content: center;flex-shrink: 0;
 	padding: 0 20rpx 20rpx;box-sizing: border-box;position: relative;
 	.nav-bar-title{
 		font-size: 36rpx;height: 63rpx;line-height: 63rpx;color: #fff;max-width: 70%;

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

@@ -1825,7 +1825,7 @@
 	padding-top:var(--status-bar-height);display: flex;flex-direction: column;
 	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png");
 	.ezy-border-body{
-		width: 94%;height: 90vh;margin: 3% 3%;display: flex;flex-direction: column;
+		width: 94%;height: calc(100vh - 170rpx - var(--status-bar-height));margin: 3% 3%;display: flex;flex-direction: column;
 		background-color: rgba(255, 255, 255, 0.6);border-radius:0 0 8rpx 8rpx;}
 	.word-title-box{
 		box-sizing: border-box;padding: 20rpx 24rpx;margin: 0 8rpx;text-align: justify;
@@ -1874,7 +1874,7 @@
 	.word-view-bottom{
 		width: 100%;height: 120rpx;background-color: #68b4e3;font-size: 28rpx;
 		border-top: 8rpx solid #add9f2;box-sizing: border-box;padding: 0 32rpx;
-		display: flex;justify-content: space-between;align-items: center;
+		display: flex;justify-content: space-between;align-items: center;flex-shrink: 0;
 		.collect-btn{
 			color: #fff;display: flex;flex-direction: column;align-items: center;
 			icon{width: 42rpx;height: 42rpx;@include ezy-no-repeat-cover;margin-bottom: 6rpx;
@@ -2232,7 +2232,7 @@
 	padding-top:var(--status-bar-height);display: flex;flex-direction: column;
 	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png");
 	.ezy-border-body{
-		width: 94%;height: 90vh;margin: 3% 3%;display: flex;flex-direction: column;
+		width: 94%;height: calc(100vh - 170rpx - var(--status-bar-height));margin: 3% 3%;display: flex;flex-direction: column;
 		background-color: rgba(255, 255, 255, 0.6);border-radius:8rpx;}
 	.tab-head-box{
 		height: 100rpx!important;display: flex;justify-content: space-between;flex-shrink: 0;