odjbin/mosr-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : 修复实施图片

Browse Source
This commit is contained in:
dengjie
2025-07-09 22:56:09 +08:00
parent 64e2ff0647
commit 973dc0f2e4
338 changed files with 62195 additions and 62193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
src/layout/index.vue
View File

@@ -1,50 +1,50 @@
<template>
<el-container>
<el-aside
:class="siderbarStore.isCollapse ? 'collapse' : 'expand'"
>
<SiderBar></SiderBar>
</el-aside>
<el-main :class="siderbarStore.isCollapse ? 'main-collapse' : ''">
<NavBar></NavBar>
<TagsView></TagsView>
<AppMain></AppMain>
</el-main>
</el-container>
</template>
<script setup>
import SiderBar from './siderbar/index.vue'
import NavBar from './navbar/index.vue'
import TagsView from './tagsview/index.vue'
import AppMain from './appmain/AppMain.vue';
import { useSiderBar } from '../stores/siderbar';
const siderbarStore = useSiderBar()
</script>
<style lang="scss" scoped>
.expand {
animation: Expand 0.15s ease forwards;
}
@keyframes Expand {
from {
width: 64px;
}
to {
width: 200px;
}
}
.collapse {
animation: Collapse 0.15s ease forwards;
}
@keyframes Collapse {
from {
width: 200px;
}
to {
width: 64px;
}
}
<template>
<el-container>
<el-aside
:class="siderbarStore.isCollapse ? 'collapse' : 'expand'"
>
<SiderBar></SiderBar>
</el-aside>
<el-main :class="siderbarStore.isCollapse ? 'main-collapse' : ''">
<NavBar></NavBar>
<TagsView></TagsView>
<AppMain></AppMain>
</el-main>
</el-container>
</template>
<script setup>
import SiderBar from './siderbar/index.vue'
import NavBar from './navbar/index.vue'
import TagsView from './tagsview/index.vue'
import AppMain from './appmain/AppMain.vue';
import { useSiderBar } from '../stores/siderbar';
const siderbarStore = useSiderBar()
</script>
<style lang="scss" scoped>
.expand {
animation: Expand 0.15s ease forwards;
}
@keyframes Expand {
from {
width: 64px;
}
to {
width: 200px;
}
}
.collapse {
animation: Collapse 0.15s ease forwards;
}
@keyframes Collapse {
from {
width: 200px;
}
to {
width: 64px;
}
}
</style>