给我一个vue element 一排4个框的仪表盘代码

以下是一个基于 Vue 和 Element 的仪表盘组件代码，其中包含四个带有不同颜色的小框：

<template>
  <div class="dashboard">
    <el-row :gutter="20">
      <el-col :span="6">
        <div class="box blue"></div>
      </el-col>
      <el-col :span="6">
        <div class="box green"></div>
      </el-col>
      <el-col :span="6">
        <div class="box yellow"></div>
      </el-col>
      <el-col :span="6">
        <div class="box red"></div>
      </el-col>
    </el-row>
  </div>
</template>

<style scoped>
.dashboard {
  padding: 20px;
}

.box {
  height: 100px;
  border-radius: 5px;
}

.blue {
  background-color: #409EFF;
}

.green {
  background-color: #67C23A;
}

.yellow {
  background-color: #E6A23C;
}

.red {
  background-color: #F56C6C;
}
</style>

你可以在该组件中添加更多元素和样式，以满足你的具体需求。