vant
vant copied to clipboard
A lightweight, customizable Vue UI library for mobile web apps.
### 这个功能解决了什么问题? 希望showImagePreview组件能够支持图片旋转功能 ### 你期望的 API 是什么样子的? showImagePreview({ images: [ 'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg', 'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg', ], startPosition: 1, rotate: true, //支持参数配置是否需要旋转 ..... });
### What problem does this feature solve? DatePicker组件格式化日期无法实现显示周几 ### What does the proposed API look like? type Formatter = (type: string, option: PickerOption) => PickerOption; type PickerOption = { text?:...
### Reproduction Link 该问题的使用场景无法使用沙盒复现 ### Vant Version 4.8.1 ### Describe the Bug 根据文档[进阶用法](https://vant.pro/vant/#/zh-CN/advanced-usage)一章,Rem 布局适配模块,如果需要使用 rem 单位进行适配,推荐使用以下两个工具: [postcss-pxtorem](https://github.com/cuth/postcss-pxtorem) 是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位 [lib-flexible](https://github.com/amfe/lib-flexible) 用于设置 rem 基准值 基于 postcss-pxtorem...
### 重现链接 官网demo即可 ### Vant 版本 4.9.5 ### 描述一下你遇到的问题。 我的iphone14pro上,开启省电模式的情况下,滚动动画执行缓慢 查完源码后发现省电模式会影响requestAnimationFrames,可以考虑优化 ### 重现步骤 1.开启设备省电模式 2.在van-tabs组件中操作标签,使标签栏滚动 ### 设备/浏览器 iphone14pro
### 重现链接 https://codesandbox.io/p/devbox/vant-4-issue-template-forked-4my6jl ### Vant 版本 4.9.7 ### 描述一下你遇到的问题。 页面旋转90度,设置teleport到旋转的元素,图片放大后只能左右滑动,无法上下滑动 ### 重现步骤 双指放大图片,上下滑动查看图片,结果无法上下滑动 ### 设备/浏览器 _No response_
解决该 issue 中提到的第 2 个问题: https://github.com/youzan/vant/issues/13084
### 重现链接 https://wddlkg-8080.csb.app/ ### Vant 版本 4.8.2 ### 描述一下你遇到的问题。 field组件,设置maxlength,在ios环境中,当输入位数超过maxlength,无法触发onchange事件。只能小于等于maxlength,才可触发。 ### 重现步骤 1,输入手机号18612341234,可以正常触发onchange 2. 输入手机号1861234123456 ,就不会触发onchange 3. 只在ios环境有这个问题。 ### 设备/浏览器 ios
### Reproduction Link https://codesandbox.io/p/sandbox/vant-4-issue-template-forked-zsxlxy ### Vant Version 4.9.5 ### Describe the Bug On mobile, the van-uploader component doesn't show the "camera" option when pressed, this started happening after updating the...
### 这个功能解决了什么问题? 自定义主题时,可以修改选择框的的背景颜色 ### 你期望的 API 是什么样子的? 在微信小程序中,选择项的颜色可以修改,但是选择框的颜色无法修改。 ```html ``` ```css .my-picker { --picker-background-color: #1e1e2e; --picker-confirm-action-color: #89b4fa; --picker-cancel-action-color: #bac2de; --picker-option-text-color: #cdd6f4; --picker-option-selected-text-color: #89b4fa; } ``` ```js Page({ data: { openTime:...