![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vant
多思考多学习
这个作者很懒,什么都没留下…
展开
-
vant 标签栏+上拉加载+下拉刷新demo van-tabs+van-pull-refresh+van-list demo
页面结构van-tabs在最上面van-pull-refresh在van-tabs下面van-list在van-pull-refresh里面css关键给van-pull-refresh设置高度为calc(100% - 44px), 其中44px是van-tabs的高度,同时给van-pull-refresh设置overflow: hidden;overflow-y: scroll;这样就能滚动起来加载更多以下是正文...原创 2022-06-09 09:50:27 · 1441 阅读 · 1 评论 -
van-datetime-picker兼容ios vant日期选择
1.无法设置最小最大值因为YYYY-MM-DD这种形式ios不兼容//错误写法this.maxDate = new Date(this.$day('2022-01-06 15:53:10').format("YYYY-MM-DD"))//正确写法this.maxDate = new Date(this.$day('2022-01-06 15:53:10').format("YYYY/MM/DD"))2.v-model绑定值为invalid Date//错误写法this.currentDat原创 2022-01-06 16:01:39 · 2666 阅读 · 0 评论 -
基于element/vant的自定义时间选择组件demo,支持传入多个可选时间段,和多个禁用时间段
业务场景:在我自己写的基础上,封装了一个时间选择组件,增加了支持传入多个可选时间段,别问为什么,问就是泪。甲方需求太多了。我的上一篇文章:https://blog.csdn.net/weixin_45753961/article/details/119956396?spm=1001.2014.3001.5501效果:思路:pc端则以el-select为基础,移动端则以van-pick为基础,本篇是移动端的,以van-pick为基础来说(其实都能用的,组件template里面的van-p原创 2021-10-15 14:46:14 · 797 阅读 · 0 评论 -
vant 日期赋值的坑
业务场景:选择时间后,点击开始时间弹窗,显示10-14点击结束时间弹窗,赋值了10-15,但是还是显示10-14问题原因:vant的日期选择,会有动画回弹,把值回弹回去了。解决方法:弹窗打开后,等日期选择器先渲染完毕了,再赋值...原创 2021-10-13 19:15:57 · 464 阅读 · 0 评论