| | |
| | | </script>
|
| | |
|
| | | <template>
|
| | | <a-layout class="main">
|
| | | <a-flex gap="middle" horizontal>
|
| | | <div class="sider-style">
|
| | | <a-layout-sider class="main-sider" v-model:collapsed="collapsed" :trigger="null" collapsible theme="dark">
|
| | | <div class="logo" />
|
| | | <a-menu v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" @select="menuSelect" theme="dark"
|
| | |
| | | </a-sub-menu>
|
| | | </div>
|
| | | </a-menu>
|
| | |
|
| | | </a-layout-sider>
|
| | | </div>
|
| | | <a-layout class="main">
|
| | | <a-layout>
|
| | | <a-layout-header style="background: #fff; padding: 0;">
|
| | | <div class="header-top">
|
| | |
| | | </a-layout-content>
|
| | | </a-layout>
|
| | | </a-layout>
|
| | |
|
| | | <AiView />
|
| | | </a-flex>
|
| | | <!--<AiView />-->
|
| | | </template>
|
| | |
|
| | | <style scoped></style>
|
| | | <style scoped>
|
| | | .ant-layout-sider ant-layout-sider-dark main-sider {
|
| | | min-height: 100vh;
|
| | | background: #01101E;
|
| | | }
|
| | |
|
| | | </style>
|