<template>
  <div>
    <Breadcrumb :items="['系统设置', '应用管理']" title="应用管理" />
    <div class="container">
      <a-card class="general-card">
        <a-divider style="margin-top: 0" />
        <template #title>
          <a-row>
            <a-col :span="16">
              <a-space>
                <a-button type="primary">
                  <template #icon>
                    <icon-plus />
                  </template>
                  创建
                </a-button>
                <a-button> 重置 </a-button>
              </a-space>
            </a-col>
          </a-row>
        </template>
      </a-card>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: 'Application'
}
</script>

<style scoped lang="less">
.container {
  padding: 20px;
}
:deep(.arco-table-th) {
  &:last-child {
    .arco-table-th-item-title {
      margin-left: 16px;
    }
  }
}
</style>
