css
文章平均质量分 56
小胖砸~
一切皆小白
展开
-
有关vue项目布局,如何实现左右内容各自滚动自己的,table为空时候撑满高度
布局就是使用了ant design vue里面常用的布局ant design vue布局,1.想要实现左右侧各自滚动自己的,首先就应该让最大的盒子#app的overflow为hidden,这一步是防止页面内容超出后,浏览器页先出现了滚动条。再给左侧的菜单设置单独滚动菜单的设置很简单。主要难点在右侧,内容上。2.在右侧内容的包裹布局上利用监测浏览器窗口变化,来影响内容区域的宽窄变化。(我有尝试过不监听,但是页面总是,扩大页面宽度时候,内容随之撑开,但是缩小的时候没有...原创 2022-05-03 17:21:08 · 4200 阅读 · 0 评论 -
管理后台布局-左菜单-右侧内容宽度控制(使用ant design vue)
项目结构如下:布局实现的代码段<template> <a-layout> <a-layout-sider v-model="collapsed" :trigger="null" collapsible class="app-sider" > <div class="logo-box"></div> <SideMenu :openCurr.原创 2022-02-08 15:09:27 · 3777 阅读 · 1 评论 -
有关vue项目页面的结构问题使用flex,控制菜单和内容不一起滚动
今天遇到一个特别头大大问题。就是代码改着改着,账号过期后退出了登录页看不见了。我修改了项目左右的滚动情况(菜单和内容个滚个的)如图所示就是去控制大的app大盒子不滚动再分别去控制左右的小盒子们去实现自己的滚动 。所以我去操作了,入口模板文件app.vue 我把样式里面的flex给删除了,写了一个overflow:hidden进去,到这里我只是想让外层的大盒子默认撑开,然后内部子盒子多了就隐藏不显示滚动就好,结果我忘了flex去了,整个页面的宽度是没有了。就是在编写进入页面后代码时候为什么原创 2021-12-29 11:24:26 · 1044 阅读 · 0 评论