HTML/CSS
HTML/CSS
山为樽水为沼
处明者不见暗中一物,处暗者能见明中区事
展开
-
Element Plus中表格树型结构,像el-tree的属性check-strictly一样,实现遵循父子不互相关联
借助el-table的@select回调事件,而不是借助@selection-change。因为selection-change在我们手动设置表格选中或者非选中时,会触发这个事件回调,不利于我们判断。而select当用户手动勾选数据行的 Checkbox 时才触发。第一步:先定义selectedIdList一个数组,用于存储我们选中的行目id。勾选一个字节的,父节点不是半选状态,勾选了父节点,子节点没有被选中。勾选父节点时,不影响字节点的选中状态。第二步:实现select的回调函数。原创 2023-12-29 15:36:39 · 915 阅读 · 0 评论 -
结合el-upload修改支持上传图片、视频并预览
结合element plus的el-upload标签,实现上传图片和视频,并支持在线预览和放大。原创 2023-12-26 13:18:14 · 2448 阅读 · 0 评论 -
element ui中Select 选择器,自定义显示内容
但是要想自定义选项内容,但是展示内容不是选项label的内容,可以在el-option标签内增加div进行自定义选项label展示,但选择后结果展示仍是el-option标签内label属性绑定的值。正常情况下,下拉框选项展示内容,就是选择后展示的label内容。原创 2023-11-11 08:44:58 · 4571 阅读 · 0 评论 -
iframe 加载pdf文件
<divstyle="width:800px;margin:25pxauto;"><iframesrc="../../static/file/shenbaoshu.pdf"height="900px;"width="800px"></iframe></div>...原创 2019-11-30 18:38:01 · 16732 阅读 · 17 评论 -
采用object-fit解决图片尺寸不符合父容器宽高,又要显示合理
项目中要显示不同尺寸的图片,但是父容器尺寸是固定的,要合理展示在其中。此时需要object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。原创 2022-08-30 11:32:25 · 414 阅读 · 0 评论 -
四种盒模型居中
1、Flex布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit原创 2022-04-15 13:12:14 · 200 阅读 · 0 评论 -
做网站开发切记以ad、gunggao等关键字进行命名
谷歌浏览器安装了去广告的扩展后,打开之前开发的网站,发现顶部区域图片不显示了。 摸索之后想起把去广告扩展关掉,然后它就显示了,所以意识到自己class命名存在问题。原创 2022-04-08 17:25:16 · 115 阅读 · 0 评论 -
实现PC上带有边框的九宫格样式
1、原创 2021-04-20 22:47:00 · 475 阅读 · 0 评论 -
利用css实现饼图、圆环加载动画
使用border-radius、border、animation<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><style> .rotate-animate { width:0; height:0; border:100px solid #f3f3f3;原创 2020-12-24 09:00:17 · 665 阅读 · 5 评论 -
elementUI中表格行合并的使用
1、html布局 <el-table v-loading="loading" tooltip-effect="dark" class="custom" border ref="floodControlOrganizationTable" height="100%" :data="tableData" style="width: 100%" :row-class-name="highLightRow" @selection-change="selection原创 2021-05-25 14:07:23 · 657 阅读 · 0 评论