From 2b1f7a47394363e95deb4dfa0f1c67d41e747f7f Mon Sep 17 00:00:00 2001 From: 648540858 <648540858@qq.com> Date: 星期三, 01 二月 2023 10:56:40 +0800 Subject: [PATCH] Merge branch 'wvp-28181-2.0' into fix-269 --- web_src/src/layout/index.vue | 69 ++++++++++++++++++++++++++++++++++ 1 files changed, 69 insertions(+), 0 deletions(-) diff --git a/web_src/src/layout/index.vue b/web_src/src/layout/index.vue new file mode 100644 index 0000000..d6afcf6 --- /dev/null +++ b/web_src/src/layout/index.vue @@ -0,0 +1,69 @@ +<template> + <el-container style="height: 100%"> + <el-header> + <ui-header/> + </el-header> + <el-main> + <el-container> + <transition name="fade"> + <router-view></router-view> + </transition> + </el-container> + </el-main> + </el-container> +</template> + +<script> +import uiHeader from "./UiHeader.vue"; + +export default { + name: "index", + components: { + uiHeader + }, +} +</script> +<style> +body{ + font-family: sans-serif; +} +/*瀹氫箟鏍囬鏍�*/ +.page-header { + background-color: #FFFFFF; + margin-bottom: 1rem; + padding: 0.5rem; + display: flex; + justify-content: space-between; + align-items: center; +} + +.page-title { + font-weight: bold; + text-align: left; +} + +.page-header-btn { + text-align: right; +} +</style> +<style scoped> +.fade-enter { + visibility: hidden; + opacity: 0; +} + +.fade-leave-to { + display: none; +} + +.fade-enter-active, +.fade-leave-active { + transition: opacity .5s ease; +} + +.fade-enter-to, +.fade-leave { + visibility: visible; + opacity: 1; +} +</style> -- Gitblit v1.8.0