发表于： 2017-07-13 23:34:46
1 850
今天完成的事情：
完成了登录页面和Article列表页的样式。
明天计划的事情：
争取把剩下的样式完成。
遇到的问题：
后台页面左侧边栏的高度设置问题，纠结了好久，常规方法都不合适，后来参考了官网的例子，发现了两个神器，100vh和calc。vh就是当前屏幕可见高度的1%，设置min-height: calc(100vh - .5rem);就可以撑满一个屏幕的高度了。
后台页面，左右部分开始想用栅格系统来做，但是左侧边栏宽度变化很丑，还是写成固定宽度好看，右边的部分用的width: calc(100% - 2.5rem);来使其填满剩下的部分。
收获：
学习了两个新的知识，其实以前有见到过，但是没用过，现在才发现原来这么好用，calc简直是做响应式的神器。
今天还发现通过路由懒加载加载进来的文件，当点击刷新时，之前通过懒加载加载的文件并不会被保留，只有当前页面的懒加载文件会留下（其实是刷新时重新加载进来的），这下终于理解公共的资源要在index页面引入了。不然刷新的时候会报错导致页面渲染不出来。
返回列表
评论