css
小储今天暴富了
努力考公,努力考公,努力考公~
展开
-
el-dialog 遮罩层覆盖内容的问题
做项目的时候用了el-dialog,发现弹窗内容也被遮罩层给覆盖了,用z-index设置也没有用。解决方法::append-to-body="true",加上这个终于可以了。原创 2023-02-16 14:16:46 · 521 阅读 · 0 评论 -
修改element-ui中的表格el-table的滚动条样式
修改element-ui中的表格el-teble的滚动条样式原创 2023-02-16 14:04:06 · 5352 阅读 · 0 评论 -
关于height:100%和height:100vh的区别
但是当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0,但是设置height:100vh,该元素会被撑开屏幕高度一致。vh就是当前屏幕可见高度的1%,也就是说。原创 2022-12-28 16:36:00 · 131 阅读 · 0 评论 -
纯css定义样式变量,可全局使用
使用 CSS 变量会是更好的选择,有利于后期更改,精简代码,减少冗余,代码更直观,有利于响应式开发借助结构性伪类中的 :root{ } 中,在全局 :root{ } 中定义了一个 CSS 变量,命名为 --xxxx,名字前面一定要注意符号(--)原创 2022-12-09 17:12:10 · 1440 阅读 · 0 评论 -
vue中css变量的使用
1、css中声明变量--color:red2、使用变量color:var(--color) //color:red获取到全局声明变量值为reddata中声明变量colordata(){retrun {color:red}}或者使用this.$refs.devcolor.style.setProperty('--color',this.color)color:var(--color) //使用变量co原创 2022-12-07 14:58:42 · 5659 阅读 · 0 评论 -
Vue封装组件并发布到npm仓库(无第三方依赖)
使用Vue框架进行开发,组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用,甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用,比如iview、element-ui这一类的组件库。但是每个公司的需求是不一样的,我们可以封装自己的组件库并发布到npm上去,这样可以不用碰到相似的项目就复制一大串代码了,简洁明了,要用的时候可以直接从npm安装使用。封装的是Vue组件,所以我们直接在Vue脚手架项目里面进行封装即可(1)初始化Vue项目(2)运行项目 因为我们可能会封装多个原创 2022-12-07 14:39:08 · 2486 阅读 · 1 评论 -
transform:scale实现大屏自适应
大屏使用rem 耗时 而且对浏览器最小字体不支持,使用transform:scale可以节省百分之九十工作量且保证页面宽高在任何情况下等比例缩放一、使用步骤//先用设计图3840x1080的模式当基础宽高,项目开始可以根据设计图自定义// 1080px// 3840pxscale:1,}}}};}}以上就是今天要讲的方法,简介明了~希望可以帮到你~原创 2022-11-22 18:00:14 · 2577 阅读 · 0 评论 -
从CSS盒子模型说到offsetHeight、scrollHeight、clientHeight的区别
offsetHeight、scrollHeight、clientHeight这三个属性我们经常在开发中遇到,如果小伙伴们没有经常使用的话,很容易把这些属性搞混,今天就来理一理这三个属性分别代表什么?offsetHeight = 内容高度 + padding + borderclientheight = 内容高度 + paddingscrollHeight = 内容实际尺寸 + padding。原创 2022-11-14 14:38:04 · 1642 阅读 · 0 评论 -
css行内样式动态添加背景图片及样式
有时候需要循环动态添加背景图片,可以采用以下方法,重点是url后面别忘了加'+'原创 2022-11-10 14:56:53 · 3109 阅读 · 2 评论