react-app-shell
Version:
react打包脚本和example, 这里的版本请忽略
54 lines (52 loc) • 1.46 kB
text/less
body {
padding-bottom: env(safe-area-inset-bottom) ;
padding-bottom: constant(safe-area-inset-bottom) ;
}
.group-wrapper {
max-width: 750px;
margin: 0 auto;
background-color: #F8F8F8;
box-shadow: 0px 3px 3px #c8c8c8;
.become-commander {
position: fixed;
right: 0;
top: 80%;
width: 200px;
height: 56px;
z-index: 3;
.button-commander {
width: 200px;
height: 56px;
padding-left: 50px;
line-height: 56px;
font-size: 28px;
color: #fff;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
background: #FF7422 url(../../public/images/group/commander.png) no-repeat 10px 8px;
background-size: 34px 34px;
}
}
}
@supports (bottom: constant(safe-area-inset-bottom)) {
div {
margin-bottom: constant(safe-area-inset-bottom);
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (height: 812px) and (-webkit-device-pixel-ratio: 3) {
.has-bottombar {
height: 100%;
box-sizing: border-box;
padding-bottom: 68px;
&:after {
content: "";
z-index: 4;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 68px;
background: #fff;
}
}
}