现在当我们把菜单折叠然后再刷新浏览器，菜单又回到默认的展开状态了。我们要把展开折叠状态持久化，让它在下次进入时为关闭前的状态。为了实现这个目标，我们要引入pini...

顶部 center 添加图标 编辑src/views/Main.vue，template段header-center修改如下。即折叠状态显示expand图标，展开状态显示fold图标，并使用size属性设置了图标大小。 &...

获取菜单宽度 [图片] 通过调试工具得知菜单展开时宽度为300px 编辑src/views/Main.vue，设置菜单折叠。 <el-menu router :default-active="route.path" :collapse="tr...

顶部整体使用左、中、右的布局。左侧宽度跟菜单宽度一样，如果菜单未折叠就显示后台logo和后台名称，如果折叠了就只显示后台logo。右侧内容自适应，主要是显示系统工具按...

测试 编辑src/views/Home.vue，使内容超过布局。 <template> <p v-for="item in 50">首页{{ item }}</p> </template> 浏览器查看，当内容超...

因为权限的问题，角色不同显示的菜单也不一样，所以需要动态生成。 图标组件 安装 npm install @element-plus/icons-vue@2.3.1 编辑src/main.ts，注册所有图标。 import...

软件版本 Node.js v20.11.1，安装参考 Node.js安装和使用 获取项目 关注干货悦读公众号获取项目源码(项目源码是按照教程步骤编写出来的，可以略过直接阅读后面章节) 运行...

视图 新建src/views/Home.vue，内容如下。 <template> 首页 </template> 新建src/views/sys/AdmUserPassword.vue，内容如下。 <template> 密...

布局参考 文档，整体使用上、左、右的布局。 [图片] 编辑src/views/Main.vue，内容如下。 <template> <el-container> <el-header>Header&...

新建视图 新建src/views/Login.vue，内容如下。 <template> 这是登录页 </template> 新建src/views/Main.vue，内容如下。 <template> 这是主...

路径别名是为了方便模块文件引入，比如有src/util/time_util.ts这样一个模块。如果没有路径别名，可能有的是import time_util from './time_util'，有的是import time_ut...

创建项目 使用npm view create-vite versions可以查看所有版本 npm create vite@5.4.0 vueelementplus -- --template vue-ts 运行项目 cd vueelementplus npm install np...

选择不弹出，刷新下还是弹出。 [图片] 然后窗口还没有 X 按钮。 [图片] 真是急死急性子的人（还好我不是）。

[图片] 周六啦，有没有人在公司模鱼呢，你们该不会不上班吧！！！

振奋人心！PHP官方扩展安装程序PIE发布 PHP官方Github 目前是 0.1.0 预览版github.com/php/pie[图片][图片][图片]以后安装扩展就和安装依赖包/库一样简单 Packagistpacka...