UniApp 图片两列显示：Flex 布局实现

在 UniApp 中，可以使用 Flex 布局来实现图片分成两列显示。

首先，在页面的<style>标签中设置图片容器的样式为 Flex 布局，并设置flex-wrap: wrap属性来实现图片自动换行：

&lt;style&gt;
  .image-container {
    display: flex;
    flex-wrap: wrap;
  }
&lt;/style&gt;

然后，在<template>标签中使用v-for指令来循环渲染图片，将图片放置在图片容器中：

&lt;template&gt;
  &lt;view class="image-container"&gt;
    &lt;view v-for="(image, index) in images" :key="index" class="image-item"&gt;
      &lt;image :src="image.url" mode="aspectFill" /&gt;
    &lt;/view&gt;
  &lt;/view&gt;
&lt;/template&gt;

最后，在<script>标签中定义图片数据（images）：

&lt;script&gt;
  export default {
    data() {
      return {
        images: [
          { url: '图片1的URL' },
          { url: '图片2的URL' },
          { url: '图片3的URL' },
          // 其他图片...
        ]
      }
    }
  }
&lt;/script&gt;

以上代码将会将图片按照两列的方式进行显示。如果想要调整图片的样式，可以在image-item类中定义样式。

希望对你有帮助！