收藏
回答

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

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

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

2 个回答

  • 王衍
    王衍
    04-09

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

    1、组件的js代码

    2、组件的wxml代

    3、实际使用的位置

    04-09
    有用 1
    回复 1
    • Sugars苏
      Sugars苏
      04-27
      不错,是个办法,建议重写下组件👍
      04-27
      回复
  • 小满
    小满
    03-30

    js 动态控制 style

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