init

src/views/wel/dashboard.vue

@@ -0,0 +1,196 @@
+<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">
+.wel {
+  display: flex;
+  flex-wrap: wrap;
+  width: 1100px;
+  margin: 0 auto;
+}
+</style>