滑块视图中的内容长短不一等问题，以及幻灯片的高度怎.....

大灰兔

如题：滑块视图中的内容长短不一等问题，以及幻灯片的高度怎样才能设置更小些呢？

导航栏+滑块视图

如图，导航栏+滑块视图，三个滑块项中的内容大小是不一的，
问题一：怎样才能像页签一样实现高度自适应。

页签

看！页签组件不管内容大小不一都能自适应高度。
问题二，滑块视图怎样设置才能实现不滑动。（我不想让它滑动，点导航栏切换就可以了，我也不想用页签来实现，因为它是一个整体，中间不能插入幻灯片等组件）
问题三，幻灯片的高度最小只能是150px，怎样设置更小一些？

牛刀服务-YZH

问题一:滑动视图或者标签页常规用法是设置内容页100%占全屏,然后在每个页面里放其他内容组件,很少说是让他去自适应,滑动视图组件自带高度150px,你要做成自适应,选中滑动视图高度设为auto自适应,图一
问题二:页签里面不能放组件是指什么意思?组件放页签内容里即可,滑动视图不需要手势滑动的话在预定义样式里写  swiper-no-swiping  ,这是微信小程序提供的swiper组件样式,图二
问题三:操作见图三,自定义样式设置高度,最高级覆盖!important,市场模板牛刀服装首页轮播就有用到

大灰兔

牛刀服务-YZH 发表于 2018-9-14 11:05
问题一:滑动视图或者标签页常规用法是设置内容页100%占全屏,然后在每个页面里放其他内容组件,很少说是让他 ...

非常感谢老师耐心、详细的解答。但是问题一，问题三仍没有解决。。。
问题一，内容最高的的视图会决定整个滑块视图的高度，其他视图里的内容会留白。。auto过也没有用，不知老师有没有试验过。

滑块视图留白

问题三，

height

预览：

预览

这是怎么回事呢？

牛刀服务-YZH

关于问题一
根据你描述以及gif动图,我理解你是要每个页面自适应内容,(页签组件就是自适应的),所以和你说高度设置auto,那效果就是这样的,根据内容撑高度,
你现在要一样高的话,给滑块视图设置高度,然后里面的滑块项高度都设置为100%即可,选中组件,属性中有提供宽高属性,不管是最外面的滑动组件还是里面的滑块项,高度都可以自己设置
问题三:
通过设置高度进行样式覆盖可以修改幻灯片高度,你这里也确实缩小了,但是你的图片尺寸比例是存在问题的,宽高比例太不协调了,这边的图片的缩放是等比缩放,你图片原图的高度已经无法充满了,我使用了一张尺寸差距过大的图片,运行效果为下图,和你的效果一样图片的推荐尺寸你可以看下牛刀服装的 banner图信息  这张表,一般只要不是差的太多就行
和你说的方法肯定都是我自己这边试过才告诉你的,但是免不了理解上有偏差,所以描述问题时请尽量详细,(如果一个效果描述不出来可以画下)

大灰兔

牛刀服务-YZH 发表于 2018-9-14 17:53
关于问题一
根据你描述以及gif动图,我理解你是要每个页面自适应内容,(页签组件就是自适应的),所以和你说高 ...

嗯，那肯定是我这边做的有点差错，我自己再试试吧，谢谢老师了。

gzq576

牛刀服务-YZH 发表于 2018-9-14 11:05
问题一:滑动视图或者标签页常规用法是设置内容页100%占全屏,然后在每个页面里放其他内容组件,很少说是让他 ...

我也遇到同样的问题，但是height设为auto的 话，实际显示的高度就变成0了。。。

牛刀服务-YZH

gzq576 发表于 2018-9-15 23:53
我也遇到同样的问题，但是height设为auto的 话，实际显示的高度就变成0了。。。 ...

是的,auto代表自适应,外层元素本生高度就会随着内部元素的高度变化而变化,如果想要固定高度的话,设置具体的值即可,单位建议使用%,这样可以自适应设备屏幕,px写死的话各种尺寸的屏幕上显示效果会不同兼容性不好

gzq576

牛刀服务-YZH 发表于 2018-9-17 11:07
是的,auto代表自适应,外层元素本生高度就会随着内部元素的高度变化而变化,如果想要固定高度的话,设置具体 ...

我想到了解决办法，高度设为100%，样式里面OVERFLOW:SCROLL搞定