wzp/v3-admin-vite
Template
1
0
Fork 0
mirror of https://github.com/un-pany/v3-admin-vite.git synced 2025-04-22 03:49:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

去掉RightPanel多余代码

Browse Source
This commit is contained in:
kubeops 2024-07-07 13:33:30 +08:00
parent c591208d27
commit 86d8ccad05
2 changed files with 0 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/layouts/components/RightPanel/index.vue
View File

@ -1,45 +0,0 @@
<script lang="ts" setup>
import { ref } from "vue"
import { Setting } from "@element-plus/icons-vue"
interface Props {
buttonTop?: number
}
const props = withDefaults(defineProps<Props>(), {
buttonTop: 350
})
const buttonTopCss = props.buttonTop + "px"
const show = ref(false)
</script>
<template>
<div class="handle-button" @click="show = true">
<el-icon :size="24">
<Setting />
</el-icon>
</div>
<el-drawer v-model="show" size="300px" :with-header="false">
<slot />
</el-drawer>
</template>
<style lang="scss" scoped>
.handle-button {
width: 48px;
height: 48px;
background-color: var(--v3-rightpanel-button-bg-color);
position: fixed;
top: v-bind(buttonTopCss);
right: 0;
border-radius: 6px 0 0 6px;
z-index: 10;
cursor: pointer;
pointer-events: auto;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
}
</style>

1
src/layouts/components/index.ts
View File

@ -2,5 +2,4 @@ export { default as AppMain } from "./AppMain.vue"
export { default as NavigationBar } from "./NavigationBar/index.vue"
export { default as Sidebar } from "./Sidebar/index.vue"
export { default as TagsView } from "./TagsView/index.vue"
export { default as RightPanel } from "./RightPanel/index.vue"
export { default as Logo } from "./Logo/index.vue"