首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vant
2556 关注,186 文章
关注
热门
最新
最热
月夏
2月前
Vue.js
Vant
【源码学习】如何用 vue3 + ts 开发一个瀑布流滚动加载的列表组件?
背景 在开发移动端的时候,小伙伴们肯定遇到过向下滚动加载更多数据的需求,而数据以图片为主并且为了更好的吸引用户时,一般都会采用瀑布流滚动加载,那么如何用vue3跟ts去实现这样的加载呢?下面跟
1264
6
8
耀耀切克闹灬
5月前
Vue.js
Vant
在开发h5移动端项目(v3+vant3+pinia+vite)时遇到的问题总结
在开发h5移动端项目(v3+vant3+p 一.移动端适配和适配后内联样式没有生效 移动端适配 二.H5 IOS input 聚焦时,页面整个被推上去了,键盘收起页面未下移 BUG 三.状态调接口轮
2849
37
4
去伪存真
3月前
前端
Vant
Ant Design
使用UI组件库时比较拧巴的问题整理
背景 我们的项目管理后台使用的UI组件库是Ant-Design-Vue3,移动端使用的UI组件库是Vant3,你可能比较好奇,为什么PC端和移动端使用了两套不同的UI组件库,开发与维护起来都不方便。因
1550
6
2
月夏
2月前
Vant
【源码学习】第25期 | vant4是如何实现一键换肤的?
背景 主题切换简称一键换肤,相信在我们日常开发跟生活中都有接触到,实现的方案也有多种,今天就跟着vant4学习一下如何实现一键换肤~ 任务清单 暗黑主题的实现跟原理 iframe postMe
860
2
2
iwhitney
2月前
Nuxt.js
Vant
Vue.js
Nuxt3实战系列之引入Vant UI+移动端适配处理
之前笔者分享了如何在Nuxt3中使用Element Plus UI,但那是PC端的UI组件库,不适用于做移动端页面。做移动端比较主流的UI库就是Vant UI了。
570
26
1
_音魂不散_
7月前
Vue.js
Vant
微信
vue3+vant开发微信公众号网页爬坑不完全指北
微信权限验证配置wx.config老报错? vue3 prettier默认配置反人类? vant配置不顺畅? 手机端调试不方便? 相信这篇文章能帮到你
3073
49
17
我的代码果然有问题
7月前
前端
Vue.js
Vant
5 分钟带你实现一个多页签返回定位的列表组件
移动端有个常见的业务场景,在列表页滑动进入某一个详情页,回退的时候希望列表能够停留在原先访问的位置,本篇便针对这一需求,带大家一起完善我们的列表组件,顺便结合这个列表组件实现一个多标签列表返回定的案例
2156
46
6
程序员十三
2年前
Vue.js
Vant
Vue3实战系列:Vue3.0 + Vant3.0 搭建种子项目
最近在用 Vue3 写一个开源的商城项目,开源后让大家也可以用现成的 Vue3 大型商城项目源码来练练手,目前处于开发阶段,过程中用到了 Vant3.0,于是就整理了这篇文章来讲一下如何使用 Vue3.0 + Vant 3.0 搭建种子项目。 众所周知,Vue 3.0 发布已经…
1.9w
209
52
猫头_
1月前
Vue.js
Vant
前端
vue+vant使用下拉加载功能,实现更方便的历史消息加载体验
为了像微信一样方便地加载更多历史消息,我们使用vant组件来实现下拉加载功能。我们对组件进行了改造,将下拉刷新变成了下拉加载更多的形式......
202
7
1
月夏
5月前
Vant
【源码学习】第22期 | 看了vant4源码才知道原来loading组件还可以这样实现!
背景 Vant 是一个轻量、可靠的移动端组件库,而Vant 4.x 版本适用于 Vue 3 开发,今天就来学习一下Loading 加载组件的实现! 收获清单 vue-devtools打开所在文
1499
6
评论
有赞技术
2年前
Vant
开源
Vant 3.0 正式发布:全面拥抱 Vue 3
历经八个月时长的开发,Vant 3.0 终于和大家正式见面咯。在本次迭代中,我们的主要工作是基于 Vue 3 重构整个代码仓库和周边生态,并发布 Vant 3.0、Vant Cli 3.0 和 Vant Use 1.0。 Vue 3 带来了许多激动人心的新特性,比如 Compo…
1.2w
184
49
Ethan01
5月前
Vue.js
Vant
为什么vant-ui在项目里样式会整体缩小?
1.问题描述 项目背景: 技术栈:vue + vite + vant-ui web移动端项目 问题: 由于 vant-ui组件库的设计尺寸都是基于375这个尺寸设计的,而我们平时项目中的设计图基本都是
1570
5
2
去伪存真
4月前
微信小程序
Vant
微信小程序--基于Vant-Weapp 二次封装表单组件
背景 Vant Weapp微信小程序组件库没有提供表单的校验功能,另外在wxml文件中直接用van-field,van-picker,van-switch,van-datetime-picker等组件
1142
2
评论
代码能跑就行
1月前
前端
Vant
vant日历封装左右滑动切换日期
vant日历组件的改装,方便左右切换,工作记录,方便下次直接进行使用 vant日历组件的改装,方便左右切换,工作记录,方便下次直接进行使用
204
1
评论
有赞前端
5年前
前端
Vant
Vant - 高效的 Vue 组件库,再造一个有赞移动商城也不在话下
Vant ( \ˈvænt\ ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。我们会在此基础上不断完…
2.3w
610
64
我的代码果然有问题
8月前
Vue.js
Vant
前端
手拉手带你用 Vue3 + VantUI 写一个移动端脚手架 系列一 (概述)
手拉手带你用 Vue3 + VantUI 写一个移动端脚手架,该系列会包含关于移动端的项目构建配置,vue3的keep-alive应用教程,vue3中compositionApi 的个人项目实践心得等
1333
21
8
我的代码果然有问题
7月前
前端
Vue.js
Vant
手拉手带你用 Vue3 + VantUI 写一个移动端脚手架 系列三 (状态缓存管理与列表组件)
本篇将带大家一起封装一个移动端常用的列表组件,将琐碎的列表状态属性内化,不需要在使用的地方定义一堆UI层相关的参数,支持接口配置化,开发人员只需关注业务数据的获取和样式的编写,废话不多,马上开始!
961
24
评论
Kingsbug
2年前
Vant
vue-vant实现下拉刷新和上拉加载功能(tips)
一、在vue中使用vant组件库有个van-pull-refresh下拉组件,配合van-list列表组件实现页面的下拉刷新和上拉加载,原理简单,适用场景在列表页面内容展示。引入组件:List列表、P
7997
26
3
beezend
1年前
Taro
Vant
前端
跨端实践 | Taro 框架中该如何使用 Vant 组件库-适配多端
在 Taro 中使用有赞前端团队开源的移动端组件库 Vant,能直接兼容使用的组件大概为 70%,而无法做到百分百兼容。 那我们又该如何调整,才能做到所有组件的多端适配呢?经过团队的多番摸索,终于找
2895
13
评论
我的代码果然有问题
7月前
Vue.js
Vant
手拉手带你用 Vue3 + VantUI 写一个移动端脚手架 系列二 (页面布局与兼容)
上一篇已经就项目结构和常用插件的配置给大家做了简单的介绍,本篇主要会从移动端页面布局和常见兼容问题展开,带领大家一起封装一个页面组件和科普一些移动端常见的问题
750
22
3