草庐IT

element-admin

全部标签

最简单的使用css修改element-ui的el-select的高度

个人博客同步csdn首先给el-select的容器上面自定义一个类名,避免污染别的el-select写css,注意这里用了less.el-select-dense{--height:35px;//el-select本身的高度/deep/input{height:var(--height);}//el-select右边的图标/deep/.el-input__icon{line-height:var(--height);}}效果图(前)效果图(后)

element-ui 实现图标选择器

实现效果图:代码如下:el-form-itemlabel='菜单图标:'prop='icon'>el-popoverplacement="bottom"width="450"trigger="click"@show="popoverShow">spanslot="reference">el-inputsuffix-icon='data-icon'v-model='form.icon'placeholder='请输入'>templateslot="append">i:class="form.icon"/>/template>/el-input>/span>divclass="iconList">

element-ui table表格双击行内编辑

行内双击编辑的本质:点击后input框出现,保存后span标签出现el-dialogclass="dialog":visible.sync="splitBillDialog2":close-on-click-modal="false":close-on-press-escape="false":append-to-body="true"width="800px"height="400px"@close="resetForm">template>el-tableref="splitBillTable":data="spliteBilltableData"borderhighlight-curre

element-ui中月份选择器改为只显示月份

element-ui版本:2.15.7DatePicker日期选择器element中的日期选择器有一个月份选择器。它的数据格式是yyyy-MM格式的,既有月份又有年,而我们现在有一个不一样的需求,那就是只要月份不要年份,这里可以使用它自带的属性format和value-format来更改它的显示格式和数据类型。el-date-pickerv-model="data"type="month"format="M月"value-format="MM"placeholder="选择月份">/el-date-picker>但这样还有一点美中不足的是日期下拉框中还有年份信息,这样体验感不好。为了解决这个我

element-ui中月份选择器改为只显示月份

element-ui版本:2.15.7DatePicker日期选择器element中的日期选择器有一个月份选择器。它的数据格式是yyyy-MM格式的,既有月份又有年,而我们现在有一个不一样的需求,那就是只要月份不要年份,这里可以使用它自带的属性format和value-format来更改它的显示格式和数据类型。el-date-pickerv-model="data"type="month"format="M月"value-format="MM"placeholder="选择月份">/el-date-picker>但这样还有一点美中不足的是日期下拉框中还有年份信息,这样体验感不好。为了解决这个我

Vue+element ui实现好看的个人中心

目录一、效果图二、项目结构三、界面效果和代码实现1.路由注册2.个人主页实现3.编辑弹窗按钮实现4.个人简介实现5.发贴页实现6.收藏页实现7.关注和收藏页实现四、总结一、效果图仿照原神社区的个人中心写了个个人中心界面,下图分别为原神社区个人中心主页和我画的个人中心的效果图:原神社区个人中心效果图:我画的个人中心效果图:下面上代码二、项目结构router文件夹里的index.js为路由注册文件,person文件夹里Info文件为个人简介页,MyArticle文件为发布页,MyCollect为文件收藏页,MyFanAndFollow文件为粉丝和关注页,Personal文件为个人中心主页,Pers

Vue+element ui实现好看的个人中心

目录一、效果图二、项目结构三、界面效果和代码实现1.路由注册2.个人主页实现3.编辑弹窗按钮实现4.个人简介实现5.发贴页实现6.收藏页实现7.关注和收藏页实现四、总结一、效果图仿照原神社区的个人中心写了个个人中心界面,下图分别为原神社区个人中心主页和我画的个人中心的效果图:原神社区个人中心效果图:我画的个人中心效果图:下面上代码二、项目结构router文件夹里的index.js为路由注册文件,person文件夹里Info文件为个人简介页,MyArticle文件为发布页,MyCollect为文件收藏页,MyFanAndFollow文件为粉丝和关注页,Personal文件为个人中心主页,Pers

Vue2项目打包时,引入element-ui 配置 CDN 加速时报错 Cannot read properties of undefined (reading ‘prototype‘)

 Vue2项目打包优化时,引入element-ui配置CDN加速时报错出现报错信息:UncaughtTypeError:Cannotreadpropertiesofundefined(reading'prototype')老师说出现这个问题的原因是,如果你完整引入了Element,它会为Vue.prototype添加如下全局方法:$alert,$promp......  所以,如果想要正常使用Element-UI,需要先引入Vue 在externals下把vue也一起配了 此时再重新打包,控制台就没有报错了,试了下,项目也能正常运行

Element UI 之table表格表头过长使用点点…显示,并添加鼠标移入悬浮显示

ElementUI之table表格表头过长使用点点…显示,并添加鼠标移入悬浮显示需求鼠标移入表头关键点:1.样式中添加:(如果在scope中会不起作用).el-table.cell{word-break:keep-all!important;white-space:nowrap!important;}2.在需要悬浮显示的表头文字过长处添加:show-overflow-tooltip="true"//表格中文字过长:render-header="renderHeader"//表头中文字过长3.methods中添加:renderHeader(h,data){returnh("span",[h("e

selenium 报错select only works on <select> elements,not on <input>

一、前言selenium的下拉选择框。我们通常会遇到两种下拉框,一种使用的是html的标签select,另一种是使用input标签做的假下拉框。后者我们通常的处理方式与其他的元素类似,点击或使用JS等。而对于前者,selenium给了有力的支持,就是Select类二:遇到问题属于第二种,使用的input标签做的的假下拉框,一直用select方法,一直报错selectonlyworksonelements,noton解决方法:使用driver.find_element_by_xpath().click()问题解决了