vant
vant copied to clipboard
youzan
A lightweight, customizable Vue UI library for mobile web apps.
### 重现链接 https://gitee.com/cyxwmm/vant-cli-test ### Vant 版本 7.0.0 ### 描述一下你遇到的问题。 在以 ts + .vue 模式开发组件时，就会出现 ts 类型编译问题，主要是 cli 的执行顺序导致。 比如组件含有连个文件 `input.vue` 和入口文件 `index.ts`: ``` import Input From './input.vue'; export { Input...
项目中使用了tab组件, 并且开启了scrollspy sticky, 内部嵌入了form，然后form触发submit的时候，滚动到报错为止后，报错部分被吸顶的tab遮挡。 ``` ``` 可能的解决办法： 1、滚动到错误时，错误的元素在屏幕中间位置。 2、滚动到错误时，可以设置距离顶部的距离。 ```[tasklist] ### Tasks ```
### 这个功能解决了什么问题？ 在给Uploader组件的v-model手动填充仅包含content字段的对象时，缩略图可以显示但是点击无法预览，需要额外将base64数据转换成file和blobUrl并加入数据才可以正常预览 主要用于只读不可编辑但可预览 ### 你期望的 API 是什么样子的？ ``` ``` ``` const fileList = ref([ { content: `data:image/png;base64/...` }, ]); ```
### 重现链接 https://codesandbox.io/p/devbox/vant-4-sticky-tab-with-navbar-68q5xs ### Vant 版本 4.8.7 ### 描述一下你遇到的问题。 如题，标题很长时不太美观，官方文档也没有相关说明，用css去侵入式修改效果不理想，希望能提供相关api ### 重现步骤 见重现链接 ### 设备/浏览器 _No response_
### 这个功能解决了什么问题？ 在【按需引入样式】中并没有说明 showDialog 等 API 在使用时需要引入样式 import 'vant/es/toast/style' 才可以正常使用，或者是我的自动引入样式有问题，但是我的其他任何组件都可以正常使用，唯独 showDialog showToast 等 API 直接调出的组件无法正常显示 ### 你期望的 API 是什么样子的？ 在开发指南的快速上手中明确指出哪些 API 需要按需引入哪个样式
[](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [husky](https://togithub.com/typicode/husky) | [`^8.0.3` -> `^9.0.11`](https://renovatebot.com/diffs/npm/husky/8.0.3/9.0.11) | [](https://docs.renovatebot.com/merge-confidence/)...
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot] avatar"){kind=avatar}
遇到了同样的问题，能否优化一下功能 _Originally posted by @yg-YuanXi in https://github.com/youzan/vant/issues/12783#issuecomment-2134390256_
### What problem does this feature solve? **问题**：Collapse 设置 accordion 属性，当展开内容有一定高度时，下一个展开项目在展开时可能因为滚动条变化而看不见任何内容，需要手动移动滚动条才能看到展开内容。 复现示例：https://codesandbox.io/p/sandbox/vant-issue-mo-ban-forked-zndg8k?file=%2Fsrc%2FApp.vue&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522cluwcsbhd00073a6jtyvtjrvw%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cluwcsbhd00033a6jvble36nd%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cluwcsbhd00043a6jf982yjct%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522cluwcsbhd00063a6jf734vlry%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cluwcsbhd00033a6jvble36nd%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cluwcsbhd00023a6jq9nazv7i%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.vue%2522%257D%255D%252C%2522id%2522%253A%2522cluwcsbhd00033a6jvble36nd%2522%252C%2522activeTabId%2522%253A%2522cluwcsbhd00023a6jq9nazv7i%2522%257D%252C%2522cluwcsbhd00063a6jf734vlry%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cluwcsbhd00053a6jk926kov1%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522cluwcsbhd00063a6jf734vlry%2522%252C%2522activeTabId%2522%253A%2522cluwcsbhd00053a6jk926kov1%2522%257D%252C%2522cluwcsbhd00043a6jf982yjct%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522cluwcsbhd00043a6jf982yjct%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D **问题展示，视频（新展开项目 ——标题 1 ，消失在视口）**： https://github.com/youzan/vant/assets/13172641/1da44580-f68f-4ef2-bd8f-926a84c9982c **预期实现**： https://github.com/youzan/vant/assets/13172641/ab666784-64a1-44da-abd4-6314dc7b2a49 **补充说明**： 1. 由于滚动机制优化差异，在 Safari 上这个问题严重得多。核心差异在于折叠内容在 Chrome 上不可见时，视图内的节点不会有位置变化，而 Safari 上原原本本的反应折叠内容的高度丢失，从而当前展开内容会因为上方内容高度丢失过多而完全消失在视口内。 ### What...
我在使用pullrefresh时也遇到了这个问题，同样需要使用Lottie初始化加载动画，看了一下源码里面是每次都push新的节点，能否也加一下这个功能 _Originally posted by @jiangyong1998 in https://github.com/youzan/vant/issues/10171#issuecomment-2138963704_
### 重现链接 https://github.com/XiaopingHu/vant-issue.git ### Vant 版本 4.9.0 ### 描述一下你遇到的问题。 使用vant官方自动引入组件的教程，在vite.config.ts中加入VantImports选项后，函数式组件的样式不能正常引入，注释后可正常引入 ### 重现步骤 1、不注释VantImports选项 AutoImport({ // 注释此选项，可正常导入函数式组件的样式 imports:[VantImports()], resolvers:[VantResolver()] }) 2、运行 npm run dev，此时hello world页面的showToast功能正常，但样式没有引入 3、注释VantImports后，showToast功能正常，样式也正常 ### 设备/浏览器 Chrome
