chore: 优化 template

This commit is contained in:
winixt 2022-06-20 22:55:26 +08:00
parent 7c4cd292cb
commit 8a67774e46
2 changed files with 6 additions and 10 deletions

View File

@ -26,8 +26,7 @@ a {
/* 适配 iPhone X 顶部填充*/ /* 适配 iPhone X 顶部填充*/
@supports (top: env(safe-area-inset-top)){ @supports (top: env(safe-area-inset-top)){
body, body {
.alien-screen-header {
padding-top: constant(safe-area-inset-top, 40px); padding-top: constant(safe-area-inset-top, 40px);
padding-top: env(safe-area-inset-top, 40px); padding-top: env(safe-area-inset-top, 40px);
padding-top: var(safe-area-inset-top, 40px); padding-top: var(safe-area-inset-top, 40px);
@ -36,10 +35,9 @@ a {
/* 判断iPhoneX 将 footer 的 padding-bottom 填充到最底部 */ /* 判断iPhoneX 将 footer 的 padding-bottom 填充到最底部 */
@supports (bottom: env(safe-area-inset-bottom)){ @supports (bottom: env(safe-area-inset-bottom)){
body, body {
.alien-screen-footer {
padding-bottom: constant(safe-area-inset-bottom, 20px); padding-bottom: constant(safe-area-inset-bottom, 20px);
padding-bottom: env(safe-area-inset-bottom, 20px); padding-bottom: env(safe-area-inset-bottom, 20px);
padding-top: var(safe-area-inset-bottom, 20px); padding-bottom: var(safe-area-inset-bottom, 20px);
} }
} }

View File

@ -26,8 +26,7 @@ a {
/* 适配 iPhone X 顶部填充*/ /* 适配 iPhone X 顶部填充*/
@supports (top: env(safe-area-inset-top)){ @supports (top: env(safe-area-inset-top)){
body, body {
.alien-screen-header {
padding-top: constant(safe-area-inset-top, 40px); padding-top: constant(safe-area-inset-top, 40px);
padding-top: env(safe-area-inset-top, 40px); padding-top: env(safe-area-inset-top, 40px);
padding-top: var(safe-area-inset-top, 40px); padding-top: var(safe-area-inset-top, 40px);
@ -36,10 +35,9 @@ a {
/* 判断iPhoneX 将 footer 的 padding-bottom 填充到最底部 */ /* 判断iPhoneX 将 footer 的 padding-bottom 填充到最底部 */
@supports (bottom: env(safe-area-inset-bottom)){ @supports (bottom: env(safe-area-inset-bottom)){
body, body {
.alien-screen-footer {
padding-bottom: constant(safe-area-inset-bottom, 20px); padding-bottom: constant(safe-area-inset-bottom, 20px);
padding-bottom: env(safe-area-inset-bottom, 20px); padding-bottom: env(safe-area-inset-bottom, 20px);
padding-top: var(safe-area-inset-bottom, 20px); padding-bottom: var(safe-area-inset-bottom, 20px);
} }
} }