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

View File

@ -197,7 +197,8 @@ export default memo(forwardRef((props: prosObj, ref) => {
</> </>
)} )}
{!hasBottom && <View style={{ height: '100rpx' }}></View>} {!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 <BottomCustomer
clientName={clientName} clientName={clientName}
clientId={clientId} clientId={clientId}

View File

@ -34,7 +34,8 @@
} }
.popupBox { .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 { .topBox {
display: flex; display: flex;