iot-front-ui/src/components/life/restaurant/components/lifeRestDailyMenu.vue

<template>
  <el-table
      :data="tableData"
      stripe
      :show-header="false"
      >
    <el-table-column
        prop="url"
        label="日期" min-width="60">
    </el-table-column>
    <el-table-column
        prop="name"
        label="姓名" min-width="100">
      <template #default="scope">
        <span style="font-size: 12px">{{ scope.row.name }}</span>
      </template>
    </el-table-column>
    <el-table-column
        prop="address"
        label="分数" min-width="70">
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        url: '热菜',
        name: '铁锅蘑菇炖柴鸡',
        address: '16大/12小'
      }, {
        url: '热菜',
        name: '铁锅蘑菇炖柴鸡',
        address: '16大/12小'
      }, {
        url: '凉菜',
        name: '铁锅蘑菇炖柴鸡',
        address: '16大/12小'
      }, {
        url: '主食',
        name: '铁锅蘑菇炖柴鸡',
        address: '16大/12小'
      }, {
        url: '主食',
        name: '铁锅蘑菇炖柴鸡',
        address: '16大/12小'
      }]
    }
  }
}
</script>

<style lang="less" scoped>

</style>