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

小程序分两栏如何显示图片？

<view style="display: flex;">
	<view style="width: 50%;">
		<image style=""  src="{{1}}" mode=" "></image>
	</view>
	<view style="width: 50%;">
		<image style="" src="{{1}}" mode=" "></image>
	</view>

代码如上。image无论是什么尺寸的，都不能完整显示。模式mode应该选择哪种？还是我代码写法不对？

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

5 个回答

  • 何以解忧
    何以解忧
    2020-05-14
    你说的应该是瀑布流写法？display: flex后加个flex-wrap: wrap

    mode用widthFix，固定宽度，高度自适应即可

    2020-05-14
    有用 1
    回复 2
    • &*@#~/.mp4
      &*@#~/.mp4
      2020-05-14
      widthFix的话，imagecss写为width：100%。这样写无效。需要写成width：320rpx。这样的话，感觉不能自适应啊。
      2020-05-14
      赞
      回复
    • 何以解忧
      何以解忧
      2020-05-14回复&*@#~/.mp4
      widthFix是自适应高度的，瀑布流很简单，外部容器得有宽度，里面图片固定宽度，瀑布流自然就出来了
      2020-05-14
      赞
      回复
  • M小
    M小
    2020-05-14

    你这左右图片都对齐也叫瀑布流吗。。。

    2020-05-14
    有用
    回复
  • &*@#~/.mp4
    &*@#~/.mp4
    2020-05-14

    我想实现类似这种效果

    2020-05-14
    有用
    回复 2
    • 何以解忧
      何以解忧
      2020-05-14
      这看起来不是瀑布流，图片的规格是固定的，对图片规格有要求才能显示完整
      2020-05-14
      赞
      回复
    • 何以解忧
      何以解忧
      2020-05-14回复何以解忧
      每个图片规定一个规格，不用mode都可以
      2020-05-14
      赞
      回复
  • Admin ²º²⁴
    Admin ²º²⁴
    2020-05-14

    要完整显示图片就会有可能拉伸图片/扭曲图片/图片部分空白

    能完整显示图片的mode可以设置为：aspectFit

    scaleToFill

    如果要自适应，就是瀑布流的方式，mode用widthFix，固定宽度后

    同时设置上层的容器能自动调整高端。宽度固定。

    2020-05-14
    有用
    回复
  • 四哥派
    四哥派
    2020-05-14

    加个容器

    2020-05-14
    有用
    回复 2
    • &*@#~/.mp4
      &*@#~/.mp4
      2020-05-14
      container？大神，能否给个示例呢？
      2020-05-14
      赞
      回复
    • 四哥派
      四哥派
      2020-05-14回复&*@#~/.mp4
      瀑布流自己百度，代码一堆
      2020-05-14
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
显示图片代码