瀏覽代碼

页面滚动区域修改

tanxue 2 月之前
父節點
當前提交
f1041594bb
共有 2 個文件被更改,包括 7 次插入7 次删除
  1. 4 4
      common/styles/global/components.scss
  2. 3 3
      common/styles/global/pages.scss

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

@@ -102,7 +102,7 @@ view{box-sizing: border-box;}
 // 三个元素
 .phone-navBar-box{
 	display: flex;align-items: center;justify-content: space-between;background-color: #fff;
-	padding: var(--status-bar-height) 20rpx 20rpx;box-sizing: border-box;position: relative;
+	padding: calc(20rpx + var(--status-bar-height)) 20rpx 20rpx;box-sizing: border-box;position: relative;
 	.nav-bar-icon{
 		width: 24rpx;height: 38rpx;
 		background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
@@ -131,12 +131,12 @@ view{box-sizing: border-box;}
 // 两个元素
 .icon-title-navBar-box,.icon-title-bjcolor-navBar-box{
 	display: flex;align-items: center;justify-content: center;background-color: #fff;
-	padding: var(--status-bar-height) 20rpx 20rpx;box-sizing: border-box;position: relative;
+	padding: calc(20rpx + var(--status-bar-height)) 20rpx 20rpx;box-sizing: border-box;position: relative;
 	.nav-bar-title{
 		font-size: 32rpx;height: 63rpx;line-height: 63rpx;color: #333;max-width: 70%;
 	}
 	.nav-bar-icon{
-		width: 24rpx;height: 38rpx;position: absolute;left: 24rpx;top: calc(12rpx + var(--status-bar-height));;
+		width: 24rpx;height: 38rpx;position: absolute;left: 24rpx;top: calc(32rpx + var(--status-bar-height));
 		background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
 	}
 }
@@ -144,7 +144,7 @@ view{box-sizing: border-box;}
 .icon-title-bjcolor-navBar-box{
 	background-color: #fff;padding: 10rpx;border-bottom: 1rpx solid #e0e0e0;
 	.nav-bar-title{color: #3fd2a1;}
-	.nav-bar-icon{width: 100rpx;height: 63rpx;background-image:unset;}
+	.nav-bar-icon{width: 100rpx;height: 63rpx;background-image:unset;top: calc(12rpx + var(--status-bar-height));}
 	.nav-bar-icon::before{content:'';width:50rpx;height: 50rpx;display: inline-block;margin-top: 6rpx;
 	@include ezy-no-repeat-cover();
 	background-image: url("@/static/images/common/return-icon.png");}

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

@@ -179,8 +179,8 @@
 .phone-list-page{
 	box-sizing: border-box;
 	.phone-scroll-view {height: calc(100vh - 182rpx - var(--status-bar-height));}
-	.phone-scroll-saixuan-view {height: calc(100vh - 168rpx - var(--status-bar-height));}
-	.admin-phone-scroll-view{height: calc(100vh - 292rpx - var(--status-bar-height));}
+	.phone-scroll-saixuan-view {height: calc(100vh - 188rpx - var(--status-bar-height));}
+	.admin-phone-scroll-view{height: calc(100vh - 312rpx - var(--status-bar-height));}
 	.admin-list-box{
 		.admin-list-item-box{border-bottom: 20rpx solid #f4f6fa;}
 		.uni-list--border,.uni-list--border-top{display: none;}
@@ -526,7 +526,7 @@
 /*** 家政人员列表 ***/
 .admin-jiazheng-list{
 	width: 100%;height: 100vh;position: relative;
-	.jz-scroll-view {height: calc(100vh - 250rpx - var(--status-bar-height));}
+	.jz-scroll-view {height: calc(100vh - 270rpx - var(--status-bar-height));}
 	.all-type-box{
 		position: absolute;top: 80rpx;left: 0;right: 0;bottom: 0;
 		z-index: 2;background-color: rgba(0,0,0,0.3);