<template>
  <basic-container>
    <div class="wel">
      <basic-block :width="width" :height="height" icon="el-icon-platform-eleme" text="开始菜单1" time="1" background="/img/bg/bg3.jpg" color="#d56259"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-eleme" text="开始菜单2" time="2" background="/img/bg/bg2.jpg" color="#419ce7"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-delete-solid" text="开始菜单3" time="3" color="#56b69b"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-delete" text="开始菜单4" time="4" color="#d44858"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-tools" text="开始菜单5" time="5" color="#3a1f7e"></basic-block>
      <basic-block :width="410" :height="height" icon="el-icon-setting" text="开始菜单6" time="6" background="/img/bg/bg1.jpg" dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述" color="#422829"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-user-solid" text="开始菜单7" time="7" color="#613cbd"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-star-off" text="开始菜单8" time="8" color="#da542e"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-goods" text="开始菜单9" time="9" color="#2e8aef"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-circle-check" text="开始菜单10" time="10" color="#3d17b8"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-platform" text="开始菜单11" time="11" color="#e31462"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-fold" text="开始菜单12" time="12" color="#d9532d"></basic-block>
      <basic-block :width="410" :height="height" icon="el-icon-s-open" text="开始菜单13" time="13" dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述" color="#b72147"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-flag" text="开始菜单14" time="14" color="#01a100"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-data" text="开始菜单15" time="15" color="#0c56bf"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-grid" text="开始菜单16" time="16" color="#0098a9"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-release" text="开始菜单17" time="17" background="/img/bg/bg2.jpg" color="#209bdf"></basic-block>
      <basic-block :width="width" :height="height" icon="el-icon-s-home" text="开始菜单18" time="18" background="/img/bg/bg3.jpg" color="#603bbc"></basic-block>
      <basic-block :width="515" :height="height" icon="el-icon-s-promotion" text="开始菜单19" time="19" dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述" color="#009bad"></basic-block>
      <basic-block :width="515" :height="height" icon="el-icon-s-custom" text="开始菜单20" time="20" background="/img/bg/bg4.jpg" dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述" color="#d74e2a"></basic-block>
    </div>
  </basic-container>
</template>

<script>
export default {
  data() {
    return {
      width: 200,
      height: 120
    }
  }
}
</script>

<style lang="scss" scoped="scoped">
.wel {
  display: flex;
  flex-wrap: wrap;
  width: 1100px;
  margin: 0 auto;
}
</style>
