uni-app不使用table，手码一个有合并单元格的表格

好的，以下是一个使用`div`和`flexbox`布局的简单示例代码，以实现带有合并单元格的表格：

<div class="table">
  <div class="row">
    <div class="cell" rowspan="2">A</div>
    <div class="cell" colspan="2">B</div>
    <div class="cell" rowspan="2">C</div>
  </div>
  <div class="row">
    <div class="cell">D</div>
    <div class="cell">E</div>
  </div>
  <div class="row">
    <div class="cell">F</div>
    <div class="cell">G</div>
    <div class="cell">H</div>
    <div class="cell">I</div>
  </div>
</div>

在这个示例中，我们使用了`<div>`标签来实现表格。每个单元格都是一个`<div>`元素，并且可以使用`rowspan`和`colspan`属性来合并单元格。

在上面的示例中，第一行第一列的单元格使用`rowspan="2"`属性来合并两个单元格，第一行第二列和第三列的单元格使用`colspan="2"`属性来合并两个单元格。

下面是一个简单的CSS样式，可以根据您的需求进行调整，以实现不同的表格样式：

.table {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
}

.row {
  display: flex;
  flex-direction: row;
}

.cell {
  flex: 1;
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px;
}

.cell[ rowspan="2" ] {
  align-self: stretch;
}

这个示例中的CSS样式使用了`flexbox`布局，使表格可以自适应不同的屏幕大小和设备。`align-self: stretch`属性用于将跨行的单元格自动拉伸到与其他单元格相同的高度。