diff --git a/src/views/index.vue b/src/views/index.vue index 4dff38b..63c8192 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -1,6 +1,14 @@ <template> <div class="app-container home"> - + <el-row :gutter="20"> + <el-col :sm="24" :lg="24"> + <blockquote class="text-warning" style="font-size: 14px"> + 欢迎使用黄炎培职业教育奖网上申报系统 + </blockquote> + <hr /> + </el-col> + </el-row> + <el-divider /> </div> </template> @@ -23,12 +31,67 @@ export default { <style scoped lang="scss"> .home { - width: 100%; - height: 90.8vh; - background-image: url('./../assets/images/index_bg.png'); - background-size: cover; - background-position: center; - box-sizing: border-box; + blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eee; + } + + hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eee; + } + + .col-item { + margin-bottom: 20px; + } + + ul { + padding: 0; + margin: 0; + } + + font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + color: #676a6c; + overflow-x: hidden; + + ul { + list-style-type: none; + } + + h4 { + margin-top: 0px; + } + + h2 { + margin-top: 10px; + font-size: 26px; + font-weight: 100; + } + + p { + margin-top: 10px; + + b { + font-weight: 700; + } + } + + .update-log { + ol { + display: block; + list-style-type: decimal; + margin-block-start: 1em; + margin-block-end: 1em; + margin-inline-start: 0; + margin-inline-end: 0; + padding-inline-start: 40px; + } + } } </style>