refactor: 项目重构

This commit is contained in:
郝先瑞
2024-02-07 21:33:51 +08:00
parent cf8a76c203
commit 56f5ac3802
44 changed files with 1005 additions and 1257 deletions

View File

@@ -1,6 +1,6 @@
<template>
<el-breadcrumb class="h-[50px] flex items-center">
<transition-group name="breadcrumb">
<transition-group name="breadcrumb-transition">
<el-breadcrumb-item v-for="(item, index) in breadcrumbs" :key="item.path">
<span
v-if="

View File

@@ -1,6 +1,25 @@
<script setup lang="ts">
import { onBeforeUnmount, onMounted, ref, watch } from "vue";
<template>
<div ref="rightPanel" :class="{ show: show }">
<div class="right-panel-overlay"></div>
<div class="right-panel-container">
<div
class="right-panel-btn"
:style="{
top: buttonTop + 'px',
}"
@click="show = !show"
>
<i-ep-close v-show="show" />
<i-ep-setting v-show="!show" />
</div>
<div>
<slot></slot>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { addClass, removeClass } from "@/utils/index";
const show = ref(false);
@@ -52,27 +71,6 @@ onBeforeUnmount(() => {
});
</script>
<template>
<div ref="rightPanel" :class="{ show: show }">
<div class="right-panel-overlay"></div>
<div class="right-panel-container">
<div
class="right-panel-btn"
:style="{
top: buttonTop + 'px',
}"
@click="show = !show"
>
<i-ep-close v-show="show" />
<i-ep-setting v-show="!show" />
</div>
<div>
<slot></slot>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.showRightPanel {
position: relative;
@@ -91,7 +89,7 @@ onBeforeUnmount(() => {
position: fixed;
top: 0;
right: 0;
z-index: 999;
z-index: 1000;
width: 100%;
max-width: 300px;
height: 100vh;