|
@@ -16,8 +16,6 @@
|
|
|
--swiper-pagination-bullet-active-bg: #fff;
|
|
|
--swiper-pagination-bullet-inactive-color: hsla(0, 0%, 100%, .8);
|
|
|
|
|
|
- --dvh-supported: 100dvh;
|
|
|
-
|
|
|
}
|
|
|
.home-banner{
|
|
|
--swiper-pagination-bullet-width: 0.23rem;
|
|
@@ -45,17 +43,15 @@
|
|
|
::-webkit-scrollbar {
|
|
|
width: 0;
|
|
|
}
|
|
|
-// 如果支持100vh
|
|
|
-@supports not (height: 100dhv) {
|
|
|
- :root {
|
|
|
- --dvh-supported: 100vh;
|
|
|
- }
|
|
|
-}
|
|
|
-//$height: 100dvh || 100vh;
|
|
|
+
|
|
|
|
|
|
html, body {
|
|
|
- height: var(--dvh-supported);
|
|
|
- min-height:var(--dvh-supported);
|
|
|
+ height: 100vh;
|
|
|
+ min-height: 100vh;
|
|
|
+
|
|
|
+ height: 100dvh;
|
|
|
+ min-height:100dvh;
|
|
|
+
|
|
|
position: relative;
|
|
|
font-family: helvetica neue, Helvetica, apple sd gothic neo, malgun gothic, Arial, sans-serif;
|
|
|
box-sizing: border-box;
|
|
@@ -82,22 +78,23 @@ body{
|
|
|
transform: translate(0,0);
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
+// dvh解决ios高度包含底部ui栏问题
|
|
|
.main-footer-header{
|
|
|
- height: calc(calc(var(--dvh-supported) - $-header-height) - $-footer-height);
|
|
|
+ height: calc(calc(100vh - $-header-height) - $-footer-height);
|
|
|
+ height: calc(calc(100dvh - $-header-height) - $-footer-height);
|
|
|
overflow-y: scroll;
|
|
|
}
|
|
|
.main-footer{
|
|
|
- height: calc(var(--dvh-supported) - $-footer-height);
|
|
|
+ height: calc(100vh - $-footer-height);
|
|
|
+ height: calc(100dvh - $-footer-height);
|
|
|
overflow-y: scroll;
|
|
|
}
|
|
|
.main-header{
|
|
|
- height: calc(var(--dvh-supported) - $-header-height);
|
|
|
+ height: calc(100vh - $-header-height);
|
|
|
+ height: calc(100dvh - $-header-height);
|
|
|
overflow-y: scroll;
|
|
|
}
|
|
|
-//main {
|
|
|
-// height: calc(calc(100dvh - $-header-height) - $-footer-height);
|
|
|
-// overflow-y: scroll;
|
|
|
-//}
|
|
|
+
|
|
|
input {
|
|
|
line-height: normal;
|
|
|
}
|