收藏
回答

使用拓展组建tabs如何动态控制swiper的高度?

使用拓展组建tabs,其实是使用swiper控制滑动,swiper必须设置一个高度,但是我每一个swiper里边的数据长度未知,想要动态控制swiper高度,但是只能在wxss文件中写swiper样式,求大神解答

回答关注问题邀请回答
收藏

3 个回答

  • 王衍
    王衍
    2020-04-09

    可以修改tabs组件代码。组件里swiper添加个style属性。使用的时候加一个style的高度就行了。

    1、组件的js代码

    2、组件的wxml代

    3、实际使用的位置

    2020-04-09
    有用 2
    回复 2
    • Sugars苏
      Sugars苏
      2020-04-27
      不错,是个办法,建议重写下组件👍
      2020-04-27
      回复
    • 🐶 🐶 🐶
      🐶 🐶 🐶
      2020-07-15
      组件内部有办法计算高度吗? 不然每次使用都需要计算一次,复制一次这样的代码,有点难受
      2020-07-15
      回复
  • 小满
    小满
    2020-03-30

    js 动态控制 style

    2020-03-30
    有用 1
    回复 6
    • 我是一滴水
      我是一滴水
      2020-03-30
      我用的拓展组件tab,不是直接用swiper,所以没法写style,只能传一个class,在wxss中写
      2020-03-30
      回复
    • 小满
      小满
      2020-03-30回复我是一滴水
      sorry,看错了。以为是你自定义了一个扩展组件
      2020-03-30
      回复
    • 我是一滴水
      我是一滴水
      2020-03-30回复小满
      用的这个
      2020-03-30
      回复
    • 小满
      小满
      2020-03-30回复我是一滴水
      下载这个代码片段,把tabs 组件单独复制出来做自定义组件修改。另外如果是从交互方面考虑,使用swiper滑动默认高度写死100%会好一点,不然某个tabs下数据只有一条,那用户怎么使用,前面可以滑动,中间某个页面滑不动了。建议怼产品
      2020-03-30
      回复
    • 我是一滴水
      我是一滴水
      2020-03-30回复小满
      主要是正好看到官方有,不想搞了就直接拿来用,看着还不错,既然这样我还是改改组件吧,谢谢了
      2020-03-30
      回复
    查看更多(1)
  • 🐶 🐶 🐶
    🐶 🐶 🐶
    2020-07-15

    遇到一样的问题,高度固定死了,楼主怎么解决的呢?

    2020-07-15
    有用
    回复
登录 后发表内容
问题标签