当前位置: 首页 > news >正文

ellement穿梭框,宽高调节

由于需求,需要做一个穿梭框来展示任务的状态,想到了Vue的Element就有完整的穿梭框。地址:Vue Element。但是使用教程里并没有改变穿梭框高宽的参数,经过尝试,找到了修改的方法,在这里分享一下,希望可以帮助到遇到同样问题的人。

代码如下:

<style>
    .el-transfer-panel{
        width: 400px;
        height: 500px;
    }
    .el-transfer-panel__list.is-filterable{
        height: 400px;
    }
</style>
在head里面加上此代码就可以调节了,根据个人需求修改相应大小!

参数介绍:

1. 穿梭框内部展示列表的高宽度

.el-transfer-panel__list.is-filterable{
    width:xxxpx;
    height:xxxpx;
}
2. 穿梭框外框高宽度

.el-transfer-panel{
    width: 400px;
    height: 500px;
}
欢迎指导!

 

相关文章:

  • vue 中使用防抖和节流
  • element-ui 关于日期范围选择控件,如何限制只能选择30天
  • JS判断数组里是否有重复元素的方法小结
  • 防抖函数
  • vue中watch的详细用法,带deep,immediate
  • VScode ctrl+鼠标左键点击 无法定位的问题
  • 正则 校验英文逗号字符串
  • 修改window本地hosts文件,修改域名指向
  • express中处理json数据
  • vue watch 监听对象的某个属性
  • axios上传的时候,.then,.catch都触发了
  • input上传文件选择同一文件时change事件不生效解决方法
  • vue数据变了,视图没有更新解决方法
  • 详解elementUI中input框无法输入的问题
  • vue实现表单未编辑或未保存离开弹窗提示功能
  • -------------------- 第二讲-------- 第一节------在此给出链表的基本操作
  • 《剑指offer》分解让复杂问题更简单
  • 【刷算法】从上往下打印二叉树
  • Android框架之Volley
  • conda常用的命令
  • Facebook AccountKit 接入的坑点
  • Java超时控制的实现
  • java中的hashCode
  • Js实现点击查看全文(类似今日头条、知乎日报效果)
  • Less 日常用法
  • OSS Web直传 (文件图片)
  • react-native 安卓真机环境搭建
  • TypeScript迭代器
  • Unix命令
  • Vim 折腾记
  • 不发不行!Netty集成文字图片聊天室外加TCP/IP软硬件通信
  • 程序员该如何有效的找工作?
  • 将回调地狱按在地上摩擦的Promise
  • 讲清楚之javascript作用域
  • 普通函数和构造函数的区别
  • 前端知识点整理(待续)
  • 容器服务kubernetes弹性伸缩高级用法
  • 用Python写一份独特的元宵节祝福
  • 中国人寿如何基于容器搭建金融PaaS云平台
  • #Java第九次作业--输入输出流和文件操作
  • #Js篇:单线程模式同步任务异步任务任务队列事件循环setTimeout() setInterval()
  • (3)Dubbo启动时qos-server can not bind localhost22222错误解决
  • (多级缓存)多级缓存
  • (附源码)springboot教学评价 毕业设计 641310
  • (附源码)springboot学生选课系统 毕业设计 612555
  • (十三)Flask之特殊装饰器详解
  • (十一)JAVA springboot ssm b2b2c多用户商城系统源码:服务网关Zuul高级篇
  • (学习日记)2024.04.10:UCOSIII第三十八节:事件实验
  • (一)C语言之入门:使用Visual Studio Community 2022运行hello world
  • (原)Matlab的svmtrain和svmclassify
  • ****Linux下Mysql的安装和配置
  • .Mobi域名介绍
  • .NET Core SkiaSharp 替代 System.Drawing.Common 的一些用法
  • .NET 中的轻量级线程安全
  • .net安装_还在用第三方安装.NET?Win10自带.NET3.5安装