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

scroll-view 设置 scroll-y 滚动时，标签 子元素如何实现两个横向排列，竖向滚动？

这是代码片段的效果

这是我想要的效果

请各位大佬运行代码片段帮忙调试下，调试时需要开启skyline调试模式

https://developers.weixin.qq.com/s/jORLDjmy8x2N
最后一次编辑于  08-11
回答关注问题邀请回答
收藏

4 个回答

  • 金瓜兜儿
    金瓜兜儿
    08-11

    可以把scroll-view设置type="custom"，然后用grid-view做直接子节点， 内容放在grid-view内部;

    grid-view也按需渲染节点的。

    08-11
    有用 1
    回复 2
    • Frank
      Frank
      08-11
      感谢大佬指点，还是你比较熟悉文档👍，感觉skyline模式的坑还是有点多😂
      08-11
      赞
      回复
    • 金瓜兜儿
      金瓜兜儿
      发表于小程序端
      08-11回复Frank

      坑确实很多，确定要用skyline的话，只能慢慢去踩

      08-11
      赞
      回复
  • 一笑皆春
    一笑皆春
    08-11

    这不是很简单的布局嘛，一行展示两个就是了，可以控制每个宽度50%，自动换行

    08-11
    有用
    回复 6
    • Frank
      Frank
      08-11
      因为scroll-view 的scroll-y属性，导致flex布局全部失效
      08-11
      赞
      回复
    • 一笑皆春
      一笑皆春
      08-11回复Frank
      这个属性设置true试试
      08-11
      赞
      回复
    • Frank
      Frank
      08-11
      这个还是不行，我的页面渲染模式是skyline模式
      08-11
      赞
      回复
    • 一笑皆春
      一笑皆春
      08-11回复Frank
      笨蛋哈哈，你不会再套一层，代码片段
      https://developers.weixin.qq.com/s/MfSHrjmr8h2B
      08-11
      赞
      回复
    • Frank
      Frank
      08-11回复一笑皆春
      不行的，你这样套了，内容就没法滚动了，列表元素只能在scroll-view下面
      08-11
      赞
      回复
    查看更多(1)
  • showms
    showms
    08-11

    可以了解一下css的flex布局

    08-11
    有用
    回复 1
    • Frank
      Frank
      08-11
      因为scroll-view 的scroll-y属性，导致flex布局全部失效，scroll-view的子元素被强制换行了，无法并列
      08-11
      赞
      回复
  • 智能回答 智能回答 本次回答由AI生成
    08-11
    有用
请 登录 后发表内容
相关文档