vue-admin-template 二次开发 日常记录

1.按照产品需求加tagsview,如图:

vue-admin-template 二次开发 日常记录

实现方法:

到你下载的项目的根目录下,找到settings.js文件,将文件中的tagsView: false 改成 true就可以啦!!!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

buy the way,细心的小伙伴会发现,加了tagsview之后,就算右侧内容不够一屏的高度,还是有滚动条,这是为什么嘞,f12检查一下元素发现,哦吼,app-main设置了最小高度。

vue-admin-template 二次开发 日常记录

辣么,这个最小高度就是即使内容不够一屏的时候,app-main也能自适应占满body的高度。这样不是蛮好嘛,可是为什么加了tagsview之后就不行了呢,也太不智能了吧,辣是因为:min-height:calc(100vh - 50px),这里的50px正好是导航栏的高度,所以说当你加了tagsview之后,改一下app-main的min-height就好了,比如我的tagviews高度是26px,那么我就改成了min-height:calc(100vh - 76px)

vue-admin-template 二次开发 日常记录

暖心小贴士:ap-main的样式在:src/layout/components/AppMain.vue中

 

好啦~修改完毕!

最近做了两个后台系统,第一个在领导的美好建议下,使用了vue-element-admian,遇到了比较多问题,第二个项目我悄悄的用了vue-admin-template,嗯,遇到的问题会持续记录,有问题的小伙伴可以一起交流呦,呦呦