草庐IT

【ElementUI样式优化1】el-table 修改斑马格样式、修改滚动条样式、添加表头边框、删除表格边框划线

重要的不是过去,而是你怎末看待过去,而我们对过去的看法,是可以改变的。效果预览:(1)删除表格外框,内框。(2)添加表头边框,修改表头文字大小、颜色(3)斑马格修改颜色,选中行高亮颜色修改(4)修改滚动条样式目录一、原始样式说明1.斑马纹表格2.带状态表格二、修改el-table样式1.设置表格行高2.修改背景色、字体颜色3.设置表头字体4.修改斑马格样式5.修改hove行高亮颜色6.修改滚动条样式三、代码整合速览一、原始样式说明Element-Theworld'smostpopularVueUIframework1.斑马纹表格 使用strip属性,即可形成如图效果。2.带状态表格 可以通过指

【ElementUI样式优化1】el-table 修改斑马格样式、修改滚动条样式、添加表头边框、删除表格边框划线

重要的不是过去,而是你怎末看待过去,而我们对过去的看法,是可以改变的。效果预览:(1)删除表格外框,内框。(2)添加表头边框,修改表头文字大小、颜色(3)斑马格修改颜色,选中行高亮颜色修改(4)修改滚动条样式目录一、原始样式说明1.斑马纹表格2.带状态表格二、修改el-table样式1.设置表格行高2.修改背景色、字体颜色3.设置表头字体4.修改斑马格样式5.修改hove行高亮颜色6.修改滚动条样式三、代码整合速览一、原始样式说明Element-Theworld'smostpopularVueUIframework1.斑马纹表格 使用strip属性,即可形成如图效果。2.带状态表格 可以通过指

《uni-app》表单组件-form表单

本文分享的Form组件为uni-app的内置组件Form,非扩展组件,两者在用法上其实大同小异,只是扩展组件的属性以及事件更多…没有本质上的区别~《uni-app》表单组件-form表单一.简介二.基础用法三.@submit事件四.@reset事件五.report-submit属性与report-submit-timeout属性六.注意事项6.1校验功能七.demo示例演示7.1场景说明7.2demo实现代码八.小结一.简介From,表单组件,具有数据收集、提交数据的功能,某种程度上说它就是一个容器,这个容器内部可以有input、checkbox、radio、picker等组件填充,原则上所有

《uni-app》表单组件-form表单

本文分享的Form组件为uni-app的内置组件Form,非扩展组件,两者在用法上其实大同小异,只是扩展组件的属性以及事件更多…没有本质上的区别~《uni-app》表单组件-form表单一.简介二.基础用法三.@submit事件四.@reset事件五.report-submit属性与report-submit-timeout属性六.注意事项6.1校验功能七.demo示例演示7.1场景说明7.2demo实现代码八.小结一.简介From,表单组件,具有数据收集、提交数据的功能,某种程度上说它就是一个容器,这个容器内部可以有input、checkbox、radio、picker等组件填充,原则上所有

python使用requests库提交multipart/form-data请求

今天渗透测试的时候,发现一个接口可以越权遍历出用户的敏感信息,然后想编写python脚本将所有信息都给dump下来。当我查看请求数据的时候,是如下这样的。不同于之前的请求数据是json可以直接使用data然后封装成字典就可以进行发送请求 这里的content-type是multipart/form-datamultipart/form-dataMultipart/form-data其实就是上传文件的一种方式。我对它的翻译是“多部分表单数据”;在生活中其实经常用到,比如说,在写邮件时,向邮件后添加附件,附件通常使用表单添加,也就是用multipart/form-data格式上传到服务器。http

python使用requests库提交multipart/form-data请求

今天渗透测试的时候,发现一个接口可以越权遍历出用户的敏感信息,然后想编写python脚本将所有信息都给dump下来。当我查看请求数据的时候,是如下这样的。不同于之前的请求数据是json可以直接使用data然后封装成字典就可以进行发送请求 这里的content-type是multipart/form-datamultipart/form-dataMultipart/form-data其实就是上传文件的一种方式。我对它的翻译是“多部分表单数据”;在生活中其实经常用到,比如说,在写邮件时,向邮件后添加附件,附件通常使用表单添加,也就是用multipart/form-data格式上传到服务器。http

el-date-picker实现通过其他方式触发日期选择器

el-date-picker目前只能通过点击input输入框触发日期选择器,项目中需要通过其他方式触发日期选择器同时把input输入框去掉,如点击另一个按钮事件来触发日期选择器框展开。该模块由于后端接口数据传输限制在前面文章里做了些许改动。需求左右切换可以快速找到年份,于是添加了element选择年份的日期组件。图中隐藏了el-data-picker日期组件,手动添加样式展示时间栏选择的数据进行+0回显。点击时间时,让日期组件显示出来时存在一个问题就是每次点击需要点击两下才能完成年份的选择。第一次是让组件显示第二次点击是触发日期框选择器于是查询了相关文档,可以通过focus来触发日期选择框。如

el-date-picker实现通过其他方式触发日期选择器

el-date-picker目前只能通过点击input输入框触发日期选择器,项目中需要通过其他方式触发日期选择器同时把input输入框去掉,如点击另一个按钮事件来触发日期选择器框展开。该模块由于后端接口数据传输限制在前面文章里做了些许改动。需求左右切换可以快速找到年份,于是添加了element选择年份的日期组件。图中隐藏了el-data-picker日期组件,手动添加样式展示时间栏选择的数据进行+0回显。点击时间时,让日期组件显示出来时存在一个问题就是每次点击需要点击两下才能完成年份的选择。第一次是让组件显示第二次点击是触发日期框选择器于是查询了相关文档,可以通过focus来触发日期选择框。如

小程序表单校验uni-forms正确使用方式及避坑指南

小程序表单校验uni-forms正确使用方式及避坑指南一、前言二、成果展示三、uni-forms即时校验四、uni-forms自定义校验规则五、uni-forms异步校验六、完整示例源码七、最后,点个赞一、前言小程序上使用表单理应是很常用,也很必须的功能,因为系统实用了uni-app,所以这时候会用到uni-forms,但使用过程中遇到不少问题。这边的需求有3个:即时校验(输入框失焦立即校验值)需自定义校验规则需要异步校验满足这3个需求,就能实现绝大部分表单校验,然而直接使用官方的案例并不能满足,踩过不少坑,最后解决方案如下。二、成果展示以下展示均满足上述3个需求,下面示例代码可以直接看第六点

小程序表单校验uni-forms正确使用方式及避坑指南

小程序表单校验uni-forms正确使用方式及避坑指南一、前言二、成果展示三、uni-forms即时校验四、uni-forms自定义校验规则五、uni-forms异步校验六、完整示例源码七、最后,点个赞一、前言小程序上使用表单理应是很常用,也很必须的功能,因为系统实用了uni-app,所以这时候会用到uni-forms,但使用过程中遇到不少问题。这边的需求有3个:即时校验(输入框失焦立即校验值)需自定义校验规则需要异步校验满足这3个需求,就能实现绝大部分表单校验,然而直接使用官方的案例并不能满足,踩过不少坑,最后解决方案如下。二、成果展示以下展示均满足上述3个需求,下面示例代码可以直接看第六点