一、布满整个页面 二、主页Header布局 三、主页左侧带单布局 四、axios请求拦截器添加token,保证拥有获取数据的权限 五、发起请求获取左侧菜单数据 六、左侧菜单UI绘制 6.1优化一级菜单 6.2当打开一个一级菜单后其他一级菜单关闭 6.3实现左侧菜单的折叠与展开功能 一、布满整个页面 如图所示,当我们使用UI库中的组件之...
`align-center`是Element Plus中用于垂直居中的类名之一。这个类名通常与其他类名一起使用,以调整元素的垂直位置。 在Element Plus中,`align-center`类名可用于将元素垂直居中于其父容器中。这个类名可以应用于任何元素,包括文本、图像、按钮等。 以下是使用`align-center`类名的示例: ```html <el-row> <el-...
2. 保存刷新页面,头部区域就明显划分出来了。左边就是图片和文本,右边是按钮。 header样式,消除图片左边距以及给字体设置大小和颜色,让右边按钮居中显示。 .el-header{ background-color: #363D40; // 给头部设置一下弹性布局 display: flex; // 让它贴标左右对齐 justify-content: space-between; // 清空图...
调整宽高后，图标就不显示居中了。找到button的类，重新设置下padding，找到合适的值即可。
showClose:是否显示关闭按钮,可以设置为true或false,默认为false。 center:消息提示框的内容是否居中显示,可以设置为true或false,默认为false。 offset:消息提示框的偏移量,可以设置为一个包含x和y坐标的对象,如{ x: 20, y: 20 }。 通过配置这些选项,可以灵活地定制消息提示框的外观和功能,以满足项目的需求。具...
show-close是否显示关闭按钮booleantrue before-close关闭前的回调,会暂停 Dialog 的关闭. 回调函数内执行 done 参数方法的时候才是真正关闭对话框的时候.Function— draggable为 Dialog 启用可拖拽功能booleanfalse center是否让 Dialog 的 header 和 footer 部分居中排列booleanfalse ...
show-closeMessageBox 是否显示右上角关闭按钮booleantrue before-closemessageBox 关闭前的回调,会暂停消息弹出框的关闭过程。Functionnull distinguish-cancel-and-close是否将取消(点击取消按钮)与关闭(点击关闭按钮或遮罩层、按下 Esc 键)进行区分booleanfalse ...
不展示目标对象，只是居中展示，需要将target设置为undefined； 2.el-tour无跳过按钮（可以用关闭按钮替代...
// 是否让 Dialog 的 header 和 footer 部分居中排列 dialogContentCenter?: boolean; // 是否可以通过点击 modal 关闭 Dialog dialogClickModalClose?: boolean; // 为 Dialog 启用可拖拽功能 dialogDraggable?: boolean; // 是否显示底部按钮 dialogFooterBtn?: boolean; ...