Showing
3 changed files
with
9 additions
and
12 deletions
@@ -111,15 +111,4 @@ export default { | @@ -111,15 +111,4 @@ export default { | ||
111 | overflow: scroll; | 111 | overflow: scroll; |
112 | } | 112 | } |
113 | } | 113 | } |
114 | - | ||
115 | -@supports (bottom: env(safe-area-inset-bottom)) { | ||
116 | - .layout { | ||
117 | - padding-bottom: env(safe-area-inset-bottom); | ||
118 | - } | ||
119 | - | ||
120 | - .layout.no-safe-area { | ||
121 | - padding-bottom: 0; | ||
122 | - } | ||
123 | - | ||
124 | -} | ||
125 | </style> | 114 | </style> |
1 | <template> | 1 | <template> |
2 | - <LayoutApp title="闲鱼潮玩转攻略" :show-back="true" :back-action="goBack"> | 2 | + <LayoutApp title="闲鱼潮玩转攻略" :show-back="true" :no-safe-area="true" :back-action="goBack"> |
3 | <div class="body-warpper"> | 3 | <div class="body-warpper"> |
4 | <ul> | 4 | <ul> |
5 | <li v-for="(item, index) in dataList" :key="index"> | 5 | <li v-for="(item, index) in dataList" :key="index"> |
@@ -557,6 +557,14 @@ body { | @@ -557,6 +557,14 @@ body { | ||
557 | #app { | 557 | #app { |
558 | height: calc(100% + env(safe-area-inset-bottom)); | 558 | height: calc(100% + env(safe-area-inset-bottom)); |
559 | } | 559 | } |
560 | + | ||
561 | + .layout { | ||
562 | + padding-bottom: env(safe-area-inset-bottom); | ||
563 | + } | ||
564 | + | ||
565 | + .layout.no-safe-area { | ||
566 | + padding-bottom: 0; | ||
567 | + } | ||
560 | } | 568 | } |
561 | 569 | ||
562 | /* stylelint-disable */ | 570 | /* stylelint-disable */ |
-
Please register or login to post a comment