自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除