yunyubang-web/src/views/activity/activityList.vue

<template>
  <div style="padding: 0 20px">
    <div ref="lxHeader">
      <lx-header icon="md-apps" text="活动列表" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
        <slot>
          <div style="display: flex;justify-content: flex-start;flex-wrap: wrap;">
            <Button icon="ios-add" type="primary" style="margin-right: 10px;">添加</Button>

          </div>
        </slot>
      </lx-header>
    </div>

    <xy-table :table-item="table"></xy-table>

    <div style="display: flex;justify-content: flex-end;">
      <Page :total="5" show-elevator />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      table:[
        {
          label:"活动名称",
          width: 200
        },
        {
          label:"活动发布方",
          width: 140
        },
        {
          label:"主办方",
          width: 140
        },
        {
          label:"主办方logo",
          width: 120
        },
        {
          label:"主办方宣传语",
          width: 200
        },
        {
          label:"活动海报",
          width: 240
        },
        {
          label:"活动开始日期",
          width: 200
        },
        {
          label:"开始时间",
          width: 200
        },
        {
          label:"活动地址",
          width: 220
        },
        {
          label:"金额",
          width: 140
        },
        {
          label:"开放名额",
          width: 140
        },
        {
          label:"剩余名额",
          width: 140
        },
        {
          label:"报名次数",
          width: 140
        },
        {
          label:"状态"
        }
      ]
    }
  },
  methods: {}

}
</script>

<style scoped lang="scss">
</style>