TaleLin / lin-ui

🌈 简洁、易用、灵活的微信小程序组件库
https://doc.mini.talelin.com
MIT License
4.1k stars 488 forks source link

l-tabs 组件swipeable属性会影响swiper显示问题 #277

Closed zhc525349965 closed 5 years ago

zhc525349965 commented 5 years ago

重现步骤(可选): 1.l-tabs组件中swipeable属性设置为true(即允许滑动切换) 2.在l-tabpanel中设置swiper组件,并在swiper中增加轮播图片(2张即可) 3.在swiper组件下方增加任意组件

期望的结果是什么? swipeable为true时,不应该影响到swiper组件的显示及排在swiper后方组件的显示,这些组件显示不出来 实际的结果是什么? swipeable为true时,swiper组件及排在swiper后方的组件显示不出来

下方的示例代码,swiper及swiper下方显示不出来,将swipeable去除或设置为false即可正常显示

示例代码:

swiper上方 swiper下方 品牌
zhc525349965 commented 5 years ago

`

swiper上方 swiper下方 品牌

`

uniquenaer commented 5 years ago

您好,您附的示例图片不可见,并且没有复现出来您的问题,我这里swiper是可见的

Screen Shot 2019-05-28 at 5 49 50 PM
zhc525349965 commented 5 years ago

把上面的代码拷贝到本地,然后替换swiper-item中image的src,让图片可以显示,这时“swiper下方”文字是可以显示的。将swipeable="{{false}}"改为swipeable="{{true}}",“swiper下方”文字就不会正常显示

uniquenaer commented 5 years ago

swipeable="{{true}}"时,是有默认高度的,内容超出高度被隐藏掉了。 内部实现时用的微信swiper组件,高度可以通过外部样式类的方式覆盖默认值

zhc525349965 commented 5 years ago

好的,感谢回复。

zhc525349965 commented 5 years ago

close as solved