- 博客(3)
- 收藏
- 关注
原创 关闭通知,当天不再显示,第二天正常显示
业务需求:上面有一个通知栏,通知栏显示通知的标题,多条通知的话垂直滚动,点击通知栏关闭按钮,这关闭当前条通知,并且今天不再显示,其他正常滚动。对返回的数据进行预处理,通过map遍历加入一个状态显示字段‘show’,通过show来判断是否显示,通过filter进行筛选展示的通知。关闭方法如下:把当前点击的通知的show进行重新赋值false,并通过时间戳的方式进行储存。通过时间戳对是否当天关闭进行判断,当天关闭的不再显示,不是当天关闭的重新展示。之后就是对显示的通知再次进行一个filter过滤即可。
2023-07-10 19:00:00
550
1
原创 关于vant轮播图使用时高度自适应问题及自定义轮播图指示器
使用vant的swipe组件创建轮播图,但想要使轮播的时候高度自适应,却发现当前显示轮播区域的高度固定,是由内容最高的轮播区域撑起的高度,这样就造成有的内容少的轮播部分下方很大空白,无法实现自适应高度;另一个就是想要自定义轮播指示器的样式。解决方法:当前轮播区域展示时,把其他未展示的轮播区域内容display:none即可,这样每个swipe-item的高度就只有展示时的高度所决定,可以使用v-show来实现;这样就解决了自适应高度和自定义指示器问题。
2023-04-03 14:48:23
3779
4
原创 van-swipe__track初始高度异常留白BUG处理
原本设计的轮播图,但在页面打开时高度异常,通过查看盒子模型,发现是由于.van-swipe__track的高度100%导致,尝试修改高度改变,加一个::v-deep就可以了实现了。
2023-03-29 14:49:30
469
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅