公告列表
公告列表
收藏
回答

使用拓展组建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
    有用
    回复
请 登录 后发表内容
相关问题
相关文档
问题标签
swiper