<template>
  <div class="main-content">
    <!--   组件   -->
    <el-card class="mb15">
      <!-- icon-class 为 icon 的名字; class-name 为 icon 自定义 class-->
      <svg-icon icon-class="eye" />
      <svg-icon style="color: red" icon-class="icon-mine" />
      <svg-icon style="color: red" icon-class="icon_account" />
    </el-card>
    <!--  搜索页布局2 - 行布局  -->
    <el-card class="mb15 search-form">
      <el-form inline>
        <el-form-item label="名称/账户">
          <el-input placeholder="请输入" clearable />
        </el-form-item>
        <el-form-item label="名称/账户">
          <el-input placeholder="请输入" clearable />
        </el-form-item>
        <el-form-item label="名称/账户">
          <el-input placeholder="请输入" clearable />
        </el-form-item>
        <el-button>重置</el-button>
        <el-button type="primary">查询</el-button>
      </el-form>
    </el-card>
    <el-card class="mb15">
      <div class="p20">asd</div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'BaseComponents'
};
</script>

<style scoped></style>
