mirror of
https://gitee.com/newgateway/vtj.git
synced 2026-07-06 02:18:46 +08:00
56 lines
1.2 KiB
Vue
56 lines
1.2 KiB
Vue
<template>
|
|
<ElContainer class="layout">
|
|
<ElAside width="260px">
|
|
<ElPageHeader
|
|
class="header"
|
|
title="设计器"
|
|
content="组件测试"
|
|
@back="back"></ElPageHeader>
|
|
|
|
<RouterLink
|
|
class="menu-item"
|
|
v-for="item of routes"
|
|
:to="`/view/${item.path}`"
|
|
>{{ item.path }}</RouterLink
|
|
>
|
|
</ElAside>
|
|
<ElMain>
|
|
<RouterView></RouterView>
|
|
</ElMain>
|
|
</ElContainer>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import { RouterView, RouterLink } from 'vue-router';
|
|
import { ElContainer, ElMain, ElAside, ElPageHeader } from 'element-plus';
|
|
import { routes } from '../router/modules';
|
|
|
|
const back = () => {
|
|
location.href = '/';
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.layout {
|
|
height: 100%;
|
|
}
|
|
.header {
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
border-bottom: 1px solid var(--el-border-color-lighter);
|
|
}
|
|
.el-aside {
|
|
border-right: 1px solid var(--el-border-color);
|
|
background: var(--el-fill-color-extra-light);
|
|
}
|
|
|
|
.menu-item {
|
|
padding: 5px 10px 5px 10px;
|
|
text-align: right;
|
|
display: block;
|
|
|
|
&:hover {
|
|
background: var(--el-color-primary-light-8);
|
|
}
|
|
}
|
|
</style>
|