部分功能

huangyinfeng

6 天以前 a9a03d64cf190188d3db04d14970fc0908b03491

 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 {