草庐IT

侧边栏

全部标签

RuoYi若依框架的使用(新增侧边栏菜单并可以打开)

2022.12.06今天我学习了如何使用若依框架做一个侧边栏的菜单,并且可以打开对应的页面。一、菜单管理页面首先在菜单管理页面新增主目录。如: 自己设置一个路由地址。二、新增子菜单然后在创建好的主菜单中再新增子菜单。如: 组件路径和权限字符的路径一样。路由地址对应的是router.js文件中的path.。三、配置router.js路由  四、效果  

记录微信小程序使用Vant Weapp-Sidebar 侧边导航,更改它的边框颜色

因为组件自带的颜色是红色,不符合项目的需求,直接用是这样的,如图:但是在他的官方给出的参数中没有直接能变更颜色的参数,下面是它定义边框颜色的名字,我们只需要在自己的Wxss文件里重写一下这个class就可以了,代码如下:wxml文件:viewclass="main">van-sidebaractive-key="{{activeKey}}">van-sidebar-itemtitle="标签名"dot/>van-sidebar-itemtitle="标签名"badge="5"/>van-sidebar-itemtitle="标签名"badge="99+"/>/van-sidebar>/view

【VsCode修改侧边栏字体大小——用缩放的方法】

VsCode修改侧边栏字体大小——用缩放的方法缩放界面字体百分比(包括编辑器界面)1、Vscode界面缩放2、TextEditor字体大小调节缩放界面字体百分比(包括编辑器界面)如果只修改文本编辑区的字体大小,可以在File->Preferences->Settings中修改font的大小。但是侧边栏的字体不会改变,所以可以使用缩放的方法先修改整个界面的字体大小,再单独修改TextEditor字体。1、Vscode界面缩放放大:View->Appearance->Zoomin(快捷键Ctrl+=)缩小:View->Appearance->Zoomout(快捷键Ctrl+-)侧边栏字体调整到合适

idea侧边栏/项目目录不见了,如何设置?

使用idea误触导致,侧边栏和功能栏没了,如何打开? 1.打开文件(File) 2.打开设置(Settings) 3.选择Appearance&Behavior--->Appearance划到最下面,开启显示工具栏和左侧并排布局保存 设置成功效果图:

前端Vue自定义精美商品分类列表组件 侧边栏商品分类组件 category组件 左边分类category 右边列表List

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。今天给大家介绍的一款组件是:自定义精美商品分类列表组件侧边栏商品分类组件category组件左边分类category右边列表List,可用于电商平台分类列表展示;附带完整源码下载地址: https://ext.dcloud.

Element UI Container 布局容器 布满全屏, 头部和侧边栏固定 el-main可滚动

一、ElementUIContainer布局容器布满全屏:1、需要给包裹的div一个height:100%2、给#app,html,body,.el-container一个height:100%3、给el-container设置direction="vertical",因为包含main和footer二、头部和侧边栏固定el-main可滚动HeaderAsideMain给内容区域的container加样式** height:calc(100vh-头部的高度);

#git篇:Vscode消除侧边栏文件夹git颜色包含强调项

代码里的左侧颜色标识:红色,未加入版本控制;远程clone到本地绿色,已经加入版本控制暂未提交;(新增部分)蓝色,加入版本控制,已提交,有改动;(修改部分)白色,加入版本控制,已提交,无改动;灰色:版本控制已忽略文件。场景:将文件从一个文件夹移动到另一个文件夹、重命名并将所有内容提交到git远程仓库后,我看到了这条消息。原因:VisualStudio“问题”窗口显示“已删除”文件存在问题。Vscode为文件的原始位置留下了一个窗口,显示包含项。方法:重新启动Vscode,可以摆脱了“包含强调的项目”。

uniapp 侧边栏组件

 {{item[fieldName]}} {{children[childrenName]}} {{item[fieldName]}} /** *@property{classifyData}Array侧边栏数据 *@property{fieldName}String没有children的显示关键字默认name *@property{fieldKey}String没有children的显示选择关键

解决Vue+Element UI 使用el-aside时菜单栏无法撑起整个侧边栏高度,解决点开菜单栏时有部分突起问题。

当我们使用elementui的时,发现菜单栏无法撑满页面高度的100% 采用css样式设置height:100%的方法也无效我们将height:100%改为height:100vh即可效果图如下 点开菜单栏时,我们发现菜单栏右侧会有部分突起我们给定义一个类名使用css进行封装即可解决    

vue3.0+element Plus实现页面布局,侧边栏菜单路由跳转

一. 先在router.js文件中配置路由,将侧边栏中需要跳转的页面都添加到children中constrouter=createRouter({history:createWebHistory(import.meta.env.BASE_URL),routes:[{path:"/project",name:"projectGroup",meta:{requiresAuth:true,title:"项目列表",navBreadcrumb:[{label:"项目列表",name:"projectSample",link:true},],},component:()=>import("../view