![](https://img-blog.csdnimg.cn/f1aaa759bbe44182a9659d9c09f52d05.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端问题总结
文章平均质量分 50
前端bug总结,欢迎大家多多发布。本专栏也会收录一些奇怪的bug哦!
Aic山鱼
大学生、前端领域优质创作者、前端小白
展开
-
element-plus中的collapse组件中的箭头图标移到左边问题解决(改进版)
这个问题虽然解决了,但是依旧有一些bug,首先我们来看一下,他的样式变成了什么样的。下面就是我们修改后的样子了,但是对于我们的需求来说,左边的箭头样式是没问题了可是到了箭头到了右边却变成了下面的样子,箭头本应该显示在红色的框框里面,但是并没有若我们预期想的一样,这显然和我们的需求不符合经过修改发现,造成这种现象的原因是我们把小箭头的margin值写死了,所以他的样式才会这样呈现,下面来看我们修改的过程首先我们可以看到他是有一个非常大的margin-left的值。原创 2023-07-26 09:45:28 · 1634 阅读 · 2 评论 -
element-plus中的collapse组件中的箭头图标移到左边问题解决
它的箭头出现在了文字的右侧,并非在最右边,这时候我们不难发现,传值为left没错,只是样式有些问题,并没有达到要求,我们可以按F12看一下该元素的样式,果然,问题出现在.el-collapse-item__arrow这个类名上。于是就用了一个封装的组件,里面有一个值,来定义箭头的左右,当我把这个值调为left的时候,问题就出现了(自行查看官方文档即可)今天用了一下element-plus中的collapse组件,但是我的需求和element中的有些区别。当我把这个值调为left的时候,问题就出现了。原创 2023-07-24 14:01:56 · 1310 阅读 · 0 评论 -
【Uni-app‘解决搜索框与导航栏胶囊自适应对齐‘】
uni.getMenuButtonBoundingClientRect获取胶囊的高度和顶部的距离,然后将搜索框的宽高和顶部的距离绑定到胶囊的对应属性上。先从data里面设置一下默认的高度和宽度,然后使用uni.getSystemInfoSync的API获取顶部状态栏的高度。简单看一下页面布局,最上方是一个空盒子,下面的盒子用来盛放搜索框以及图标。原创 2023-07-04 16:20:16 · 1102 阅读 · 0 评论