uniapp写的简单好看的表格页面

可以参考以下步骤来编写简单好看的表格页面：

1. 在uniapp中创建一个新页面，命名为“table”。

2. 在“table”页面中，使用“uni-ui”组件库中的“uni-list”组件来创建一个列表。

3. 在“uni-list”组件中，使用“uni-list-item”组件来创建每一行数据的显示。

4. 在“uni-list-item”组件中，使用“uni-row”和“uni-col”组件来创建表格的列和行。

5. 在“uni-col”组件中，使用“uni-badge”组件来显示数据的状态。

6. 在“uni-col”组件中，使用“uni-icon”组件来显示图标。

7. 在“uni-col”组件中，使用“uni-text”组件来显示文字。

8. 在“table”页面中，使用CSS样式来美化表格的外观。

参考代码如下：

<template>
  <view class="table">
    <uni-list>
      <uni-list-item>
        <uni-row>
          <uni-col span="2">
            <uni-badge type="success" text="已完成"></uni-badge>
          </uni-col>
          <uni-col span="2">
            <uni-icon type="locationfill"></uni-icon>
            <uni-text>北京市海淀区</uni-text>
          </uni-col>
          <uni-col span="3">
            <uni-text>2021-03-30 11:00</uni-text>
          </uni-col>
          <uni-col span="2">
            <uni-text>张三</uni-text>
          </uni-col>
          <uni-col span="3">
            <uni-text>130****1234</uni-text>
          </uni-col>
        </uni-row>
      </uni-list-item>
      <uni-list-item>
        <uni-row>
          <uni-col span="2">
            <uni-badge type="primary" text="待处理"></uni-badge>
          </uni-col>
          <uni-col span="2">
            <uni-icon type="locationfill"></uni-icon>
            <uni-text>上海市浦东新区</uni-text>
          </uni-col>
          <uni-col span="3">
            <uni-text>2021-03-31 14:00</uni-text>
          </uni-col>
          <uni-col span="2">
            <uni-text>李四</uni-text>
          </uni-col>
          <uni-col span="3">
            <uni-text>131****5678</uni-text>
          </uni-col>
        </uni-row>
      </uni-list-item>
    </uni-list>
  </view>
</template>

<style>
  .table {
    margin: 20px;
  }
</style>

这是一个简单的表格页面，你可以根据自己的需求进行修改和美化。