swiper高度中无法占满屏幕,只能给值?

小程序 文章 2021-03-29 09:21 531 0 全屏看文

AI助手支持GPT4.0

swiper高度中无法占满屏幕,只能给值?The swiper height can't fill the screen, can only give value?

swiper高度中无法占满屏幕,只能给值?

我自定义了一个滑动组件,然后在插槽中写自己代码。但是发现高度只能给固定值,无法写100%,改为100vh之后就无法上下滑动,请问该如何解决

I customize a slider component and write my own code in the slot. However, it is found that the height can only be given a fixed value and cannot be written 100%. After changing to 100vh, it cannot slide up and down. How can I solve this problem

回答:

Brother斌🎈:

动态计算swiper的高度就可以了,在onReady里面写上

wx.getSystemInfoSync().windowHeight* (750 / wx.getSystemInfoSync().windowWidth)-其他区域的高度


鲤子:

上拉加载为啥要用swiper,scroll-view不行??swiper高度要指定的,不会随内容变化高度的,可以用接口获取容器内容高度然后动态改变就行了。

维她命系:

image 高度必须设置,否则就是默认的高度值,swiper 位置一般都是固定高度,如果需要动态变化,可以检测图片 bindload 事件,动态获取图片高度值。

锖兔:图片我给了高度。但是swipr中还是只能给固定高度
维她命系:是展示视频吧?可以试试这个组件
https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/video-swiper.html
如果是展示图片,可以获取当前设备的高度,动态设置到swiper高度上。
锖兔:不是的,哥,我是想做一个电子书书架列表,是数据库渲染的,我还实现上拉加载更多的数据,但是我只能设定固定高度,高度太低不够加载,高度太好触发不了上拉触底,就很难受
维她命系:没太明白是怎么用的

-EOF-

AI助手支持GPT4.0


国内超级便宜服务器

摸鱼人热门新闻聚合

钻级赞助商 我要加入

开发者在线工具

第三方支付技术请加QQ群

相关文章
组件引用微信开发者工具电脑端可以编译成功,真机调试后提示找不到路径,什么问题?
在加拿大是否可以绑定本地卡,在小程序上做支付?
能否在创建会话接口中返回创建的客户群id?
预览后,想本地查看效果,但开发者工具直接把该版本上传到开发版?
微信认证怎么通过对公打款支付300元认证费?
随便看看
企业微信通讯录账号被管理员误/恶意删除,怎么办? 8500
问题? 8123
如何快速搭建抽奖助手小程序(无需代码知识) 5279
许涛 大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗? 6551
小程序搜一搜全称搜索不显示 麻烦解决一下!谢谢 5840
我的小程序广告收款主体是个体工商户,每个月邮寄两次发票很是麻烦,我年底的时候打包邮寄一次可以么? 5503
如何解决渲染层网络错误Failed to load media? 16752
小程序找号找回 释放昵称? 2768
我的小程序广告主收入5301,实际进账4406,是怎么回事呀? 2637
删除部分微信用户个人数据的通知,怎么删除? 5810