<template>
  <div>
    <el-row>
      <el-button type="primary">主要按钮</el-button>
      <el-button size="medium" type="primary">主要按钮</el-button>
      <el-button size="small" type="primary">主要按钮</el-button>
      <el-button size="mini" type="primary">主要按钮</el-button>
    </el-row>
    <el-row style="padding-top: 20px">
      <el-button>默认按钮</el-button>
      <el-button size="medium">默认按钮</el-button>
      <el-button size="small">默认按钮</el-button>
      <el-button size="mini">默认按钮</el-button>
    </el-row>
    <el-row style="padding-top: 20px">
      <el-button plain>朴素按钮</el-button>
      <el-button size="medium" plain>朴素按钮</el-button>
      <el-button size="small" plain>朴素按钮</el-button>
      <el-button size="mini" plain>朴素按钮</el-button>
    </el-row>
    <el-row style="padding-top: 20px">
      <el-button type="success">成功按钮</el-button>
      <el-button size="medium" type="success">成功按钮</el-button>
      <el-button size="small" type="success">成功按钮</el-button>
      <el-button size="mini" type="success">成功按钮</el-button>
    </el-row>
    <el-row style="padding-top: 20px">
      <el-button type="success" plain>成功按钮</el-button>
      <el-button size="medium" type="success" plain>成功按钮</el-button>
      <el-button size="small" type="success" plain>成功按钮</el-button>
      <el-button size="mini" type="success" plain>成功按钮</el-button>
    </el-row>
    <el-row style="padding-top: 20px">
      <el-button type="warning">警告按钮</el-button>
      <el-button size="medium" type="warning">警告按钮</el-button>
      <el-button size="small" type="warning">警告按钮</el-button>
      <el-button size="mini" type="warning">警告按钮</el-button>
    </el-row>
    <el-row style="padding-top: 20px">
      <el-button type="danger">危险按钮</el-button>
      <el-button size="medium" type="danger">危险按钮</el-button>
      <el-button size="small" type="danger">危险按钮</el-button>
      <el-button size="mini" type="danger">危险按钮</el-button>
    </el-row>
    <el-row style="padding-top: 20px">
      <el-button type="info">提醒按钮</el-button>
      <el-button size="medium" type="info">提醒按钮</el-button>
      <el-button size="small" type="info">提醒按钮</el-button>
      <el-button size="mini" type="info">提醒按钮</el-button>
    </el-row>
    <el-row style="padding-top: 20px">
      <el-button type="info">提醒按钮</el-button>
      <el-button size="medium" type="info">提醒按钮</el-button>
      <el-button size="small" type="info">提醒按钮</el-button>
      <el-button size="mini" type="info">提醒按钮</el-button>
    </el-row>
    <el-row style="padding-top: 20px">
      <el-button disabled>禁选按钮</el-button>
    </el-row>

  </div>
</template>

<script>
    export default {
        name: "homePage"
    }
</script>

<style scoped>

</style>
