🌈 style:修复自定义弹窗时遮罩不住底部菜单

This commit is contained in:
Haiyi 2022-11-10 18:09:34 +08:00
parent b0b8754034
commit 2bf7b7084b
3 changed files with 6 additions and 4 deletions

View File

@ -32,7 +32,7 @@ $am-ms: 200ms;
width: 100%;
height: 100%;
margin: 0 auto;
z-index: 1000;
z-index: 10000;
visibility: hidden;
transition: visibility $am-ms ease-in-out;
overflow: hidden;
@ -41,7 +41,7 @@ $am-ms: 200ms;
flex-direction: column;
position: absolute;
background-color: #fff;
z-index: 1012;
z-index: 10001;
transition: transform $am-ms ease-in-out;
.drawer_container_title {
display: flex;

View File

@ -197,7 +197,8 @@ export default memo(forwardRef((props: prosObj, ref) => {
</>
)}
{!hasBottom && <View style={{ height: '100rpx' }}></View>}
<View className={classnames(hasBottom === true ? styles.posBox : styles.noBottom)}>
{/* <View className={classnames(hasBottom === true ? styles.posBox : styles.noBottom)}> */}
<View className={styles.noBottom}>
<BottomCustomer
clientName={clientName}
clientId={clientId}

View File

@ -34,7 +34,8 @@
}
.popupBox {
padding-bottom: calc($customTabBarHeight + env(safe-area-inset-bottom));
// padding-bottom: calc($customTabBarHeight + env(safe-area-inset-bottom));
// padding-bottom: env(safe-area-inset-bottom);
.topBox {
display: flex;