初始化项目
This commit is contained in:
156
src/views/wel/dashboard.vue
Normal file
156
src/views/wel/dashboard.vue
Normal file
@@ -0,0 +1,156 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user