vue-admin-template 二次开发 日常记录
vue-admin-template
PanJiaChen/vue-admin-template: 基于 Vue.js 和 Element UI 的后台管理系统模板,支持多语言、主题和布局切换。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
项目地址:https://gitcode.com/gh_mirrors/vu/vue-admin-template
免费下载资源
·
1.按照产品需求加tagsview,如图:
实现方法:
可以参考https://www.cnblogs.com/flypig666/p/11854538.html,这里不详细说明了
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
buy the way,细心的小伙伴会发现,加了tagsview之后,就算右侧内容不够一屏的高度,还是有滚动条,这是为什么嘞,f12检查一下元素发现,哦吼,app-main设置了最小高度。
辣么,这个最小高度就是即使内容不够一屏的时候,app-main也能自适应占满body的高度。这样不是蛮好嘛,可是为什么加了tagsview之后就不行了呢,也太不智能了吧,辣是因为:min-height:calc(100vh - 50px),这里的50px正好是导航栏的高度,所以说当你加了tagsview之后,改一下app-main的min-height就好了,比如我的tagviews高度是26px,那么我就改成了min-height:calc(100vh - 76px)
暖心小贴士:ap-main的样式在:src/layout/components/AppMain.vue中
好啦~修改完毕!
最近做了两个后台系统,第一个在领导的美好建议下,使用了vue-element-admian,遇到了比较多问题,第二个项目我悄悄的用了vue-admin-template,嗯,遇到的问题会持续记录,有问题的小伙伴可以一起交流呦,呦呦
GitHub 加速计划 / vu / vue-admin-template
19.83 K
7.39 K
下载
PanJiaChen/vue-admin-template: 基于 Vue.js 和 Element UI 的后台管理系统模板,支持多语言、主题和布局切换。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
4c18a3f4 - 2 年前
714ded11 - 4 年前
更多推荐
已为社区贡献1条内容
所有评论(0)