From 1d939630821cadf6582c31a02afef6b8827d6e81 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期二, 05 三月 2024 13:50:01 +0800 Subject: [PATCH] 新增 --- src/views/system/subSys/index.vue | 70 +++++++++++++++++++++++++++++++++++ 1 files changed, 70 insertions(+), 0 deletions(-) diff --git a/src/views/system/subSys/index.vue b/src/views/system/subSys/index.vue new file mode 100644 index 0000000..1e9a0d1 --- /dev/null +++ b/src/views/system/subSys/index.vue @@ -0,0 +1,70 @@ +<template> + <div class="app-container" style="width: 100%;height: calc(100vh - 84px)"> + <div class="container"> + <div> + <el-image fit="fill" :src="cover" style="width: 100%"></el-image> + <div>文字描述</div> + </div> + <div> + <el-image fit="fill" :src="cover" style="width: 100%"></el-image> + <div>文字描述</div> + </div> + <div> + <el-image fit="fill" :src="cover" style="width: 100%"></el-image> + <div>文字描述</div> + </div> + <div> + <el-image fit="fill" :src="cover" style="width: 100%"></el-image> + <div>文字描述</div> + </div> + <div> + <el-image fit="fill" :src="cover" style="width: 100%"></el-image> + <div>文字描述</div> + </div> + + </div> + </div> +</template> + +<script> +import cover from '@/assets/images/systemCover.jpg' +export default { + name: "cardPlatform", + dicts: [], + components: { }, + data() { + return { + cover: cover + } + }, + created() { + + }, + methods: { + + } +}; +</script> +<style lang="scss" scoped> +.container{ + width: 100%; + display: flex; + align-items: center; + justify-content: left; + white-space: normal; + + &>div{ + display: flex; + flex-direction: column; + align-items: center; + padding: 0 10px 10px; + box-sizing: border-box; + width: 25%; + div{ + font-size: 14px; + margin-top: 20px; + text-align: center; + } + } +} +</style> -- Gitblit v1.9.2