写出代码：用vue框架和vant组件编写商品物流信息界面，界面展示商品名称，支付状态，订单状态，物流信息。

下面是一个简单的示例代码，仅供参考：

<template>
  <div>
    <van-table :columns="columns" :data="tableData" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '商品名称',
          key: 'name'
        },
        {
          title: '支付状态',
          key: 'payStatus'
        },
        {
          title: '订单状态',
          key: 'orderStatus'
        },
        {
          title: '物流信息',
          key: 'logisticsInfo'
        }
      ],
      tableData: [
        {
          name: '商品1',
          payStatus: '已支付',
          orderStatus: '已发货',
          logisticsInfo: '顺丰快递，运单号123456'
        },
        {
          name: '商品2',
          payStatus: '未支付',
          orderStatus: '已取消',
          logisticsInfo: ''
        }
      ]
    }
  }
}
</script>

在这段代码中，我们使用了Vant的表格组件来展示商品信息。具体地，我们通过`columns`数组来定义表格的列名和对应的数据字段，通过`tableData`数组来定义表格的数据。在实际项目中，您需要根据实际需求来动态生成`columns`和`tableData`数组。

此外，由于没有物流状态信息，我们暂时将物流信息作为纯文本展示。如果您需要在界面中展示更加复杂的物流信息，可以考虑使用Vant的折叠面板组件，将物流状态信息隐藏在面板中，当用户点击面板时展开显示物流状态。具体实现可以参考上面的回答。