ant-design-vue——a-select下拉框值為空字串時,高度偏窄問題


問題頁面(紅框處即為值為空字符串的數據):

 

 

改后:

 

 

頁面:

···
<a-select v-model="formData.urgentLevel" style="width: 100%" dropdownClassName="selectOption"> <a-select-option v-for="(item,index) in URGENTLEVEL" :key="index" :value="item.code">{{item.name}}</a-select-option> </a-select> ··· URGENTLEVEL:[{ code:'01', name:' ' },{ code:'02', name:'平急' }]
···

 

關鍵——css:

.ant-select-dropdown-menu-item {  //寫在全局處
  height: 30px;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM