修改vue element Transfer 穿梭框里内容区的宽度


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

步骤:

1.在界面工程的文件夹下搜索transfer,找到transfer组件的文件夹,有两个文件。

2.在工程中全文搜索.el-transfer-panel,找到定义这个类的地方,修改宽度。

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

4.位置为第三个.el-transfer-panel,将width从200px改成width:300px;

5.亦可在控制台测试判定其宽度的类,确定为.el-transfer-panel,再反向搜索.el-transfer-panel的位置进行修改。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM