[AI Generated]: fix(Comp): 修复添加用户弹窗的显隐动画逻辑,拆分初始定位与滑入动画,修正隐藏时的 translateY 方向错误
This commit is contained in:
@@ -11,7 +11,7 @@
|
||||
}
|
||||
|
||||
.modal {
|
||||
height: 1100rpx;
|
||||
height: 1200rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@@ -54,11 +54,45 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.seaction>view:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.select {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
padding: 4rpx;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 40rpx;
|
||||
border-radius: 16rpx;
|
||||
background-color: #F3F5F8;
|
||||
}
|
||||
|
||||
.select>view {
|
||||
color: #808080;
|
||||
flex: 1;
|
||||
width: 0;
|
||||
height: 72rpx;
|
||||
line-height: 72rpx;
|
||||
font-size: 32rpx;
|
||||
border-radius: 16rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.selectActive {
|
||||
color: #1385FA !important;
|
||||
font-weight: bold;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.only,
|
||||
.input,
|
||||
.inputUnit {
|
||||
width: 100%;
|
||||
height: 104rpx;
|
||||
height: 102rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
margin-bottom: 32rpx;
|
||||
@@ -68,22 +102,21 @@
|
||||
.input>view:nth-of-type(1),
|
||||
.inputUnit>view:nth-of-type(1) {
|
||||
color: #333333;
|
||||
height: 104rpx;
|
||||
height: 102rpx;
|
||||
font-size: 32rpx;
|
||||
line-height: 104rpx;
|
||||
line-height: 102rpx;
|
||||
}
|
||||
|
||||
.only>view:nth-of-type(2),
|
||||
.inputUnit>view:nth-of-type(2) {
|
||||
flex: 1;
|
||||
width: 0;
|
||||
height: 104rpx;
|
||||
height: 102rpx;
|
||||
padding: 0 30rpx;
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
background-color: #F5F7FB;
|
||||
border: 1rpx solid #E6E6EA;
|
||||
}
|
||||
|
||||
@@ -109,7 +142,7 @@
|
||||
.input>view:nth-of-type(2) {
|
||||
flex: 1;
|
||||
width: 0;
|
||||
height: 104rpx;
|
||||
height: 102rpx;
|
||||
padding: 0 30rpx;
|
||||
border-radius: 16rpx;
|
||||
border: 1rpx solid #E6E6EA;
|
||||
@@ -131,11 +164,11 @@
|
||||
.searchBtn {
|
||||
color: #FFFFFF;
|
||||
width: 120rpx;
|
||||
height: 104rpx;
|
||||
height: 102rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
line-height: 104rpx;
|
||||
line-height: 102rpx;
|
||||
margin-left: 16rpx;
|
||||
border-radius: 16rpx;
|
||||
background-color: #1385FA;
|
||||
|
||||
Reference in New Issue
Block a user