![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
IT前端学习心得记录
文章平均质量分 52
weixin_43752765
这个作者很懒,什么都没留下…
展开
-
vue3+element plus使用修改element的主题色问题
用vue的cli脚手架搭建了一个vue3项目(用的node-sass),使用element plus库,按照饿了么官方文档自定义主题操作后,发现项目报错如下:感觉很神奇,当初vue2和element我就是这样类似操作的呀,都可以成功的嘛解决办法:经过一系列排查后发现,将node-sass换成dark-sass就可以解决问题了。原因分析按照报错提示进入到node_modules/element-plus/packages/theme-chalk/input-number.scss文件发现这些s原创 2021-07-02 11:15:38 · 7794 阅读 · 5 评论 -
神奇的空格导致的bug
记录一下这个神奇的bug,看起来一样的代码,一个能执行,一个不能执行,排查后发现竟是。。。我也没弄懂造成这个结果的原因从图1中看起来两个导出没什么差别,一模一样,从图2中可看出空格是不一样的(选中后发现)从图3和图4中我们发现,差别这么大,这个是怎么回事呢?好奇怪,留这个坑可真是巨坑图1:图2:图3:图4:...原创 2021-06-29 11:49:15 · 175 阅读 · 0 评论 -
flex:1到底是什么
一、子项默认值 flex: 0 1 auto,表现如下。子项宽度和 < 父元素宽时, 不占剩余空间<body> <div class="wrap"> <div class="lf son">所发生的方式得分</div> <div class="rt son">sdfs我是</div> </div></body><style> .wrap { dis原创 2020-12-30 18:15:58 · 661 阅读 · 0 评论 -
一个div盒子,实现高为宽的一半
主要利用padding-bottom、还有定位。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2020-03-31 13:56:55 · 848 阅读 · 0 评论 -
loading样式
效果图:1、菊花状loading<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...原创 2020-03-26 13:52:18 · 415 阅读 · 0 评论 -
无聊,弄个旋转太极
html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-03-12 15:51:38 · 95 阅读 · 0 评论 -
换主题颜色
主要知识:css自定义变量::root 文档的根元素,这是一个放自定义属性的好地方,因为我们可以根据其他个别特别的样式的选择性来覆盖自定义属性,语法是 --变量名自定义变量的使用:用var( --变量名)通过js动态设置变量值 :使用 document.body.style.setProperty(’ --变量名’, ‘变量值’)直接上码记录一下简单的demo(用的vue...原创 2019-09-18 11:54:42 · 189 阅读 · 0 评论 -
纯css实现switch开关
首先看看效果主要用到以下知识::after(伪元素——用它实现左右滑动效果):checked(伪类选择器——用它来实现选中和不选中)网页结构<input type="checkbox" class="switch" />css样式 .switch { -moz-appearance: none;//选中前的input样式 ...原创 2019-09-10 13:25:41 · 457 阅读 · 0 评论