分析之后其实其中的原理很简单，当悬浮的时候这边的el-popover就已经将要展示的位置计算好了。也就是位置已经固定了。如果再添加内容则不会再重新去计算位置了。所以解决办法也很简单，点击“链接”的时候只需关闭弹框，然后再强制打开弹框即可。需求如下：悬浮出现弹出框，然后点击“链接”之后，出现详细信息。发现虽然都展示了，但内容已经超出边界了如下图。

这里以若依后台管理系统为例，本节课内容有：1.下载并安装若依后台管理系统2.将登录页面转可视化3.不写一个代码的情况下修改标题与背景以及布局4.将首页转可视化，删除多余的内容并插入echart图表插件进行统计5.将用户管理界面转可视化并且直观的可视化查看vue变量，函数，element组件属性，样式，dom结构6.模拟登录接口对接自己的接口7.模拟用户信息接口，验证码接口，动态路由接口并完成后台登

这种抽屉效果是如何制作的呢？在guiplan低代码开发工具中，点击"uView框架",输入关键字"弹出层"进行搜索，找到"带用户菜单"点击"一键插入",这我们一个抽屉菜单就插入进来了，底部有一个测试按钮，当我们点击的时候这个菜单则会自动展开，我们可以直接看到按钮的点击事件，将该点击事件的代码进行复制，找到顶部菜单图标，将这段代码粘贴到该点击事件中，这样我们点击菜单图标即可显示抽屉菜单了，最后将底部

koajsAdmin介绍koajsAdmin是一款后台管理框架，全栈用node进行开发。前端用的element-ui + vite进行构建，后端用的koa + mongodb进行构建。运行guiplan低代码开发工具即可快速建站，可视化配置数据库，可视化配置接口，可视化搭建后台界面。提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录koajsAdmin介绍前言一、前端使用步骤

文章目录安装与启动步骤安装yarn安装vite项目并启动vite配置创建路由安装路由：创建路由文件并配置路由引用路由接口代理配置常见的报错问题开源demo下载总结安装与启动步骤安装yarn首先用yarn命令进行安装，没有这个命令的同学可以先安装一下npm install yarn -g安装vite项目并启动yarn create vite-app <project name>cd项目名

koajsAdmin介绍koajsAdmin是一款后台管理框架，全栈用node进行开发。前端用的element-ui + vite进行构建，后端用的koa + mongodb进行构建。运行guiplan低代码开发工具即可快速建站，可视化配置数据库，可视化配置接口，可视化搭建后台界面。提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录koajsAdmin介绍前言一、前端使用步骤

koajsAdmin介绍koajsAdmin是一款后台管理框架，全栈用node进行开发。前端用的element-ui + vite进行构建，后端用的koa + mongodb进行构建。运行guiplan低代码开发工具即可快速建站，可视化配置数据库，可视化配置接口，可视化搭建后台界面。提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录koajsAdmin介绍前言一、前端使用步骤

当小程序没有加载完时会出现一个基础的骨架效果，页面加载完之后骨架会消失掉，这个效果怎么做的呢？今天由我来带领大家学习如何使用骨架屏，在guiplan低代码开发工具中，选中要添加骨架的元素，比如这里选择文章列表，添加一个变量isArticleLoading用来判断文章是否获取到数据了，然后我们将它的显示条件设置为!isArticleLoading，也就是数据没有获取到不显示列表，不显示列表的化这里就