🌈 style:修复自定义弹窗时遮罩不住底部菜单
This commit is contained in:
parent
b0b8754034
commit
2bf7b7084b
@ -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;
|
||||||
|
@ -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}
|
||||||
|
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user