bug描述
項目中當下拉框和輸入框還有日期組件在一行的時候,對其進行操作的時候,下拉框,輸入框和日期框會出現抖動的現象
分析原因
剛開始的時候,以為是高度沒有統一,於是統一設置el-input_inner的高度
.el-input--medium .el-input__inner {
height: vw(40);
line-height: vw(40);
font-size: vw(14);
}
發現所有的高度都沒有問題之后,於是分析代碼。我這邊直接用的是element-ui的el-row和el-col的布局,於是想是不是這個
的影響,我的el-row和el-col都有設置margin:0!important;padding:0 !important;實在分析不出原因就將其布局改寫為
flex布局,發現依然出現這個bug,於是,在想是不是由於計算屬性導致的calc(),確定將這塊隔離在calc之外,發現還是出現
這個bug。於是繼續修修修,腦中偶然一現曾經瀏覽到的一個網頁上面的一個關於下拉框的屬性el-select--medium。
抱着試試的態度在代碼中加入了
.el-select--medium{
vertical-align: bottom !important;
}
ok,代碼修復了