草庐IT

Element ui 改变el-transfer 穿梭框的大小

修改el-transfer左右两个穿梭框的高度和宽度,具体效果如下正常大小的穿梭框修改之后的,主要在style中加上如下样式即可/deep/.el-transfer-panel{width:470px;/*左右两个穿梭框的高度和宽度*/height:450px;}/deep/.el-transfer-panel__list.is-filterable{height:303px;/*穿梭框列表高度*/}全部代码如下:"text-align:center;margin:50px020px">使用scoped-slot自定义数据项"text-align:center">"text-align:lef

element ui el-table表头单独设置字体大小

 1.给el-table-column加上类名class-name{{row.program_name}}2.在css中设置字体大小::v-deep.column{.cell{font-size:18px;}}

基于 Element UI 适用于 Vue 2 版本的虚拟列表选择器组件el-select

背景:在某些使用情况下,单个选择器可能最终加载数万行数据。将这么多的数据渲染至DOM中可能会给浏览器带来负担,从而造成性能问题。——vue3+element-plus有现成的轮子。而vue2+element-ui没有。以下文章大部分摘自源组件中的README.mdSelectV2虚拟列表选择器基于ElementUI适用于Vue2版本的虚拟列表选择器组件。在线演示在线演示使用说明安装npmiel-select-v2-S全局引入//全局引入importElSelectV2from'el-select-v2';Vue.use(ElSelectV2);局部引入template>el-select-v2

【Linux】Linux 系统编程——tree 命令

文章目录1.命令概述2.命令格式3.常用选项4.相关描述4.1tree命令安装5.参考示例5.1创建树形目录5.2使用tree命令查看树形目录1.命令概述tree命令用于在命令行界面以树状图形式显示目录及其子目录的内容。这个命令递归地列出所有子目录,并可选择显示每个目录中的文件。tree命令使得用户能够快速、直观地了解特定目录下的文件结构。2.命令格式基本的tree命令格式如下:tree[选项][目录]如果没有指定目录,tree会显示当前目录的树形结构。如果提供了目录路径,tree会显示该路径的树形结构。3.常用选项-a:显示所有文件和目录,包括隐藏的(以点开头的)。-d:仅列出目录。-Lle

el-card list卡片列表页面自适应布局

实现效果如下成品:代码如下:template>div>el-cardstyle="margin:10px15px015px">el-tabsv-model="activeName"@tab-click="handleClick">el-tab-pane:label="`全部(${firstTotal})`"name="first">el-tab-pane>el-tab-pane:label="`待评价(${secondTotal})`"name="second">el-tab-pane>el-tab-pane:label="`已评价(${thirdTotal})`"name="third">e

前端在el-dialog中嵌套多个el-dialog

前端在el-dialog中嵌套多个el-dialog一、应用场景二、代码实现一、应用场景应用场景:需要点击按钮后弹出第一层对话框,在第一层对话框中填写内容后,再点击确认弹出第二层对话框,且需将第一层填入的内容传递给第二层,再第二层时弹出提示,再通过点击第二层的确认按钮进行请求接口,将第一层的内容传递给后端二、代码实现template>table>template#action>el-buttontype="success"@click="outerVisible=true">修改备注/el-button>/template>/table>el-dialogv-model="outerVisib

前端Vue uni-app App/小程序/H5 通用tree树形结构图

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。今天给大家介绍的一款组件:前端Vueuni-appApp/小程序/H5通用tree树形结构图,阅读全文下载完整组件代码请关注微信公众号:前端组件开发效果图如下:cc-treeChart使用方法importLEchartfrom'@/uni_modules/lime-echart/components/l-ec

ios - 更新到 EL Capitan 后 Xcode 不显示产品方案?

我使用的是xcode6.4。它工作正常,但在更新到ELCapitan之后。现在产品方案没有显示。附上图片。我无法选择任何设备或模拟器 最佳答案 确认您没有使用xcode6的任何变体。我在使用xcode6.4时也遇到了同样的问题,但是当我使用xcode7时,一切正常。所以得到xcode7。它会起作用这是OSXElCapitanDeveloperBeta7ReleaseNotes的错误片段引用this更多链接。 关于ios-更新到ELCapitan后Xcode不显示产品方案?,我们在Stac

Git报错:The following untracked working tree files would be overwritten by merge...

翻译:以下未跟踪的工作树文件将被合并覆盖。产生原因:工作区修改了代码,不打算提交,同步主干代码时,修改的代码与主干分支代码冲突,拉取主干分支代码就会报错。解决办法:清除本地文件,然后拉去分支上的。①版本回退gitreset--hard//本地未提交的修改全部回退②备份本地文件以下是总结常见处理问题的命令:gitclean-n//是一次clean的演习,告诉你哪些文件会被删除,不会真的删除。gitclean-f//删除当前目录下所有没有track过的文件//不会删除.gitignore文件里面指定的文件夹和文件,不管这些文件有没有被track过gitclean-f//删除指定路径下的没有被tra

隐藏element-ui中tree懒加载叶子节点checkbox(分页懒加载效果)

根据最新的工作需求中指示,要求Tree树组件为lazy懒加载,且能够进行复选框选择,这个实现简单,设置show-checkbox即可,若此处要求叶子节点也不能包含复选框,就有些困扰了首先按照官网,拷贝tree树组件代码,设置完show-checkbox,图中查看更多为叶子节点,且设置数据节点属性为disabledel-treeref="treeRef"class="treeDom"lazy:show-checkbox="showCheckbox":props="defaultProps"highlight-current="true":check-strictly="true":load="l