修改vue element Transfer 穿梭框裏內容區的寬度

<template>
  <el-transfer v-model="value1" :data="data"></el-transfer>
</template>

步驟:css

1.在界面工程的文件夾下搜索transfer,找到transfer組件的文件夾,有兩個文件。vue

2.在工程中全文搜索.el-transfer-panel,找到定義這個類的地方,修改寬度。node

3.在\vue-admin-master\node_modules\_element-ui@2.4.6@element-ui\lib\theme-chalk\index.css搜索.el-transfer-panel這個類element-ui

4.位置爲第三個.el-transfer-panel,將width從200px改爲width:300px;測試

5.亦可在控制檯測試斷定其寬度的類,肯定爲.el-transfer-panel,再反向搜索.el-transfer-panel的位置進行修改。ui

相關文章
相關標籤/搜索