vue自定义底部居中固定栏


image.png

背景:

1.如上图是一个常见的后台管理系统的布局,右下区域为内容区域。 2.内容区域需要随着桌面的宽度变化而变化,位于内容区域最底部有一个保存和取消按钮。 3.不管内容区域宽度怎么变化,底部保存按钮区域需要固定到底部且保存按钮始终居中状态。 4.底部固定栏需要按需才展示在不同的页面

1.子组件:







2.父组件:






文章作者:   leader755
版权声明:   本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 leader755 !
评论
 上一篇
MacBook安装应用后在LaunchPad找不到 MacBook安装应用后在LaunchPad找不到
背景 MacBook 安装应用后在 LaunchPad 里不出现,却在 Finder 的 Applications 里可以找到。 解决打开 terminal,依次输入以下命令 defaults write com.apple.dock R
2023-08-21
下一篇 
一文搞懂npm、cnpm、yarn、pnpm、nvm、nrm 一文搞懂npm、cnpm、yarn、pnpm、nvm、nrm
1.释义|| 释义 | 安装 || — | — | — || npm | odejs 包管理工具,管理 nodejs 第三方插件(源在国外) | 直接安装nodejs 包(自带 npm,不需要单独安装 npm)|| cnpm | 中国版版
2023-07-30
  目录