From a9a03d64cf190188d3db04d14970fc0908b03491 Mon Sep 17 00:00:00 2001
From: huangyinfeng <1244041895@qq.com>
Date: 星期五, 27 九月 2024 09:02:26 +0800
Subject: [PATCH] 部分功能
---
src/views/email/index.vue | 36 +++++++++++++++++++++---------------
1 files changed, 21 insertions(+), 15 deletions(-)
diff --git a/src/views/email/index.vue b/src/views/email/index.vue
index b3a7b11..d7e1dc5 100644
--- a/src/views/email/index.vue
+++ b/src/views/email/index.vue
@@ -1,11 +1,12 @@
锘�
<template>
<div>
- <div class="default-theme" style="display: flex; height: 100%; background-color: #fff">
- <div v-show="collapseStore.isOpen" class="default-theme-left">
+ <a-layout class="default-theme" style="display: flex; height: 100%; background-color: #fff">
+ <a-layout-sider width="250" style="border-inline-end: 1px solid rgb(5 5 5 / 6%)" :style="siderStyle" v-show="collapseStore.isOpen">
<LeftNav></LeftNav>
- </div>
- <div style="height: 100%" :class="collapseStore.isOpen ? 'onOpen' : 'isOpen'">
+ </a-layout-sider>
+ <a-layout>
+ <a-layout-content :style="contentStyle">
<RouterView>
<template #default="{ Component, route }">
<transition
@@ -28,8 +29,9 @@
</transition>
</template>
</RouterView>
- </div>
- </div>
+ </a-layout-content>
+ </a-layout>
+ </a-layout>
<div @click="fuToggleContent(!collapseStore.isOpen)" class="toggle-btn" :class="collapseStore.isOpen ? 'iconOpen' : 'onIconOpen'">
<LeftOutlined v-if="collapseStore.isOpen" />
<RightOutlined v-else />
@@ -40,8 +42,8 @@
<script lang="ts" setup>
import { PageWrapper } from '@/components/Page';
- import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
- import LeftNav from '@/views/email/components/LeftNav.vue';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
+ import LeftNav from '@/views/email/components/LeftMenu/index.vue';
import { computed, unref, ref } from 'vue';
import FrameLayout from '@/layouts/iframe/index.vue';
@@ -61,7 +63,15 @@
Component: FunctionalComponent & { type: Recordable };
route: RouteLocation;
}
+ const siderStyle = {
+ lineHeight: '120px',
+ backgroundColor:'#fff',
+ };
+ const contentStyle = {
+ lineHeight: '120px',
+ backgroundColor:'#fff',
+};
function getTransitionName({
route,
openCache,
@@ -125,10 +135,6 @@
}
}
- .default-theme-left {
- width: 20%;
- height: 100%;
- }
.toggle-btn {
display: flex;
@@ -144,15 +150,15 @@
}
.onOpen {
- width: 80%;
+ width: 86vw;
}
.isOpen {
- width: 100%;
+ width: 100vw;
}
.iconOpen {
- left: 20%;
+ left: 250px;
}
.onIconOpen {
--
Gitblit v1.8.0