![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
吃痴鱼
这个作者很懒,什么都没留下…
展开
-
css使用rem自适应
css设置html的fontsize。在页面的元素全都按照设计图px写rem。原创 2022-08-29 16:30:52 · 1244 阅读 · 0 评论 -
echarts在画布外自定义legend,控制图表
在画布外层自定义dom。先定义按钮控制的变量。原创 2022-08-24 18:17:53 · 904 阅读 · 0 评论 -
css雪碧图帧动画动画
steps(2):规定动画的步数,forwards:当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。第一个值是水平位置,第二个值是垂直位置。原创 2022-08-16 16:54:02 · 350 阅读 · 0 评论 -
css写img禁止点击拖拽
img{ user-select: none; -webkit-user-drag: none;}原创 2021-12-20 14:24:45 · 1041 阅读 · 0 评论 -
elementUI树结构添加子级结构
1.父组件<template> <div> <div class="filter-input searchinput" :opendialog="inputValue" :constractId="fatherId" > <el-input v-model="filterText" .原创 2021-07-13 11:26:41 · 851 阅读 · 0 评论 -
子组件传值父组件数据刷新的问题
子组件监听值改变,自定义一个事件,在父组件使用时该事件为接收数据接口事件子组件:监听open值的变化,自定义事件this.$emit("refreshPart")watch: { open: { handler(val) { this.inputValue = val if (!val) { this.contractSectId = '' ...原创 2021-07-13 11:11:49 · 995 阅读 · 0 评论 -
CSS隐藏滚动条
.card-contanier{ flex: 0 0 47vh; /*max-height:440px;*/ scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-y: scroll;}.card-contanier::-webkit-scrollbar { display: none; /* Chrome Safari */}原创 2021-07-08 10:18:21 · 67 阅读 · 0 评论 -
表单文字对齐
label文字对齐方式表单的对齐方式分为三种1、左对齐(默认对齐方式,一般不需要)<form action="javascript:void(0)" method="post"> <div> <label>用户名:</label> <input type="text" name="" id="" value="" /> <...原创 2021-06-30 11:00:30 · 3909 阅读 · 0 评论 -
js拖拽换位置
ondrop: 当放置被拖数据时,会发生 drop 事件,这里自定义drop(event,this)函数,互换两个的innerHTML ondragover:当拖动链接等有默认事件的元素时,要在ondragover事件中用ev.preventDefault()阻止默认事件。否则drop事件不会触发。 draggable:允许拖动。 ondragstart:规定当元素被拖动时,会发生什么。在上面的例子中,ondragstart 属性调用了一个函数,drag(event),它规定了被拖动的数据。dataT转载 2021-06-25 11:07:10 · 967 阅读 · 0 评论 -
css控制文字只显示一行,多余省略号
*外盒子要设置宽度div内显示一行,超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;div内显示两行或三行,超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;(行数)-webkit-box-orient: vertical;...原创 2021-06-24 09:36:20 · 957 阅读 · 0 评论 -
css样式-内容居中-奇偶行
1、内容水平垂直居中1.line-height,text-align:center,不适用多重嵌套,维护修改慢div{ line-height: 32px; text-aligin: center}2.display:flex,https://developer.mozilla.org/zh-CN/docs/Web/CSS/flexdiv { display: flex; align-items: center; //内容均分,距离容器左右有边界..原创 2021-06-23 17:54:33 · 154 阅读 · 0 评论 -
js替换,切割,判断文件名
1.js正则替换类名为split文本所有分号var str = $(".split"); var reg = /[;;]/g; for (var i = 0; i < str.length; i++) { str[i].innerText = str[i].innerText.replace(reg,";\n"); // ‘$&’替换与regexp相匹配的子串 2.截取字符var Name ='今天你好漂亮啊';var short...原创 2021-06-23 16:27:40 · 715 阅读 · 0 评论