UNPKG

react-app-shell

Version:

react打包脚本和example, 这里的版本请忽略

54 lines (52 loc) 1.46 kB
body { padding-bottom: env(safe-area-inset-bottom) !important; padding-bottom: constant(safe-area-inset-bottom) !important; } .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; } } }