<template>
  <basic-container>
    <div class="wel">
      <basic-block :width="width"
                   :height="height"
                   icon="el-icon-platform-eleme"
                   text="开始菜单1"
                   time="1"
                   background="/img/bg3.jpg"
                   color="#d56259"></basic-block>
      <basic-block :width="width"
                   :height="height"
                   icon="el-icon-eleme"
                   text="开始菜单2"
                   time="2"
                   background="/img/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/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/bg2.jpg"
                   color="#209bdf"></basic-block>
      <basic-block :width="width"
                   :height="height"
                   icon="el-icon-s-home"
                   text="开始菜单18"
                   time="18"
                   background="/img/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/bg4.jpg"
                   dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"
                   color="#d74e2a"></basic-block>
    </div>
  </basic-container>
</template>

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

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