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，嗯，遇到的问题会持续记录，有问题的小伙伴可以一起交流呦，呦呦