search

vant-ui / vant-nuxt

Vant module for Nuxt
MIT License
83 stars 9 forks source link

van-image-preview #16

Closed nideajun closed 1 year ago

nideajun commented 1 year ago

van-image-preview v-model:show="show" :startPosition="index" transition="van-fade" :images="images" template #image="{ src }" img :src="src"/ template van-image-preview

使用了vant-nuxt用这段代码只显示第一张图，鼠标左右拉都不动。我是在电脑上测试，但用plugin的方式自己写一个手工插件的方式就可以。注明已安装@vant/touch-emulator，而且我在调式的时候发现你们这个方式加载多少个组件就加载多少个css出来，这实在是太占连接了。应该弄成一个总的出来。否则人流量大的时候，服务器连接资源都被占光了。

tolking commented 1 year ago

无法复现

开发和生产版本的是不同的。生产版不会出现每个组件以单独的链接加载样式的情况

nideajun commented 1 year ago

你在电脑端使用edge浏览器的时候不要用手机仿真模式(需要按右键点检查按Ctrl+Shift+M才可以相互切换设备仿真），默认即普通模式就会拖不动图片了，用手机模式就可以。我用的是win11,edge浏览器。其它版本如下： "devDependencies": { "@vant/nuxt": "^1.0.1", "nuxt": "^3.4.3", "vant": "^4.3.1" }, "dependencies": { "@types/node": "^18.15.11", "@vant/touch-emulator": "^1.4.0", "compressorjs": "^1.2.1", "moment": "^2.29.4" } 非常喜欢vant的期待能发现并修复这个功能，真的很想用。

tolking commented 1 year ago

vant 是面向手机端的组件库。这种特殊需求推荐你自己处理。

或者前往 vant 寻求更多帮助，该模块无法满足你的需求