You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
196 lines
4.7 KiB
196 lines
4.7 KiB
<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: 900px; |
|
margin: 0 auto; |
|
} |
|
</style>
|
|
|