加入导航栏 导航栏用到了 Element-Plus 中的Menu组件,因为目前项目中所有的导航栏信息比较少,不是通过后端接口获取,因此这里导航栏相关信息都是写死的,但每个meau-item关联一个路由路径,使得用户通过点击方式来进行跳转。 SideBar.vue <template> <el-menu active-text-color="#ffd04b" background-color="#54...
写一个class的类 完整写法,div这里style样式可以去掉 .logo-title {margin-left: 5px;font-size: 20px;transition: all .3s;} 默认有一个图标,这里设置一个图标 <el-icon style="width: 26px;" @click="handleCollapse"><Fold /></el-icon>import {Fold} from '@element-plus/icons-vue' icons如何通...
// 跳转路由后导航栏置顶 scrollBehavior(to, from, saveScrollPosition) { // console.log(document.documentElement.querySelector(".el-main").scrollTop); // 通过此方法去改变elementui滚动条高度 document.documentElement.querySelector(".el-main").scrollTop = 0; // 通过此方法去改变浏览器滚动条高度 ...
通过调试工具得知菜单展开时宽度为300px 编辑src/views/Main.vue,设置菜单折叠。 <el-menu router :default-active="route.path" :collapse="true"> 菜单折叠 通过调试工具得知菜单折叠时宽度为64px 动态设置侧边栏和顶部左侧宽度 通过上面得知菜单展开时的宽度为300px,它有点太宽了,我们设置它的宽度为200px。 ...
编辑src/views/Main.vue,设置菜单折叠。 <el-menu router :default-active="route.path" :collapse="true"> 菜单折叠 通过调试工具得知菜单折叠时宽度为64px 动态设置侧边栏和顶部左侧宽度 通过上面得知菜单展开时的宽度为300px,它有点太宽了,我们设置它的宽度为200px。
vite+vue+ts+element-plus从零开发管理后台框架(09)-动态设置侧边栏和顶部左 获取菜单宽度 通过调试工具得知菜单展开时宽度为300px 编辑src/views/Main.vue,设置菜单折叠。 <el-menu router :default-active="route.path" :collapse="true"> 通过调试工具得知菜单折叠时宽度为64px...