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

如何做出这种布局效果，有什么思路或者建议？

一张图的时候显示大图 最多9张图 类似于朋友圈发圈那种

经验缺乏 暂时想不到有什么好的方案 有求于各位有什么思路或者建议给说一下

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

5 个回答

  • 子不语
    子不语
    2020-01-20

    判断图片数量，修改css

    --↓↓👍如果觉得有帮助的话请点个【赞】吧(唏嘘也有小尾巴了，可惜是假的）

    2020-01-20
    有用 2
    回复 1
    • 户晓
      户晓
      2020-01-20
      感谢！
      2020-01-20
      赞
      回复
  • 叫我狗蛋爸爸🐶 คิดถึง
    叫我狗蛋爸爸🐶 คิดถึง
    2020-01-20

    如果是按朋友圈的布局的话，只需要处理两种特殊情况，4张图片的时候特殊处理一下，排列成一个正方形，1张图片的时候按长边自适应宽高，其他都一样处理

    2020-01-20
    有用 1
    回复 1
    • 户晓
      户晓
      2020-01-20
      受教了 感谢!
      2020-01-20
      赞
      回复
  • haiger
    haiger
    2020-01-20

    wx:if下写三个样式不就可以了吗

    2020-01-20
    有用 1
    回复 3
    • 户晓
      户晓
      2020-01-20
      想到了多写几个样式 但是感觉比较麻烦 就想着有没有什么自适应布局方案 感谢提供建议！
      2020-01-20
      赞
      回复
    • haiger
      haiger
      2020-01-20回复户晓
      外层的样式不用变的flex-wrap就行，只要改里面item的宽度就行了
      2020-01-20
      赞
      回复
    • haiger
      haiger
      2020-01-20回复户晓
      https://developers.weixin.qq.com/s/5r5mbwmb7HeF
      参考一下，也可以不写3个直接style里面判断下数量写宽度
      2020-01-20
      赞
      回复
  • Bug Engineer
    Bug Engineer
    2020-01-20

    根据你们的需求去动态判断

    2020-01-20
    有用 1
    回复 1
    • 户晓
      户晓
      2020-01-20
      感谢建议！
      2020-01-20
      赞
      回复
  • 老张
    老张
    2020-01-20

    做过完全一样的布局，我用的是flex-wrap+stretch；

    --↓↓👍如果觉得有帮助的话请点个【赞】吧

    2020-01-20
    有用
    回复
请 登录 后发表内容
相关问题
相关文档
问题标签
布局朋友圈