发表于： 2019-06-20 21:58:04
1 788
今天完成的任务：
页头布局以前使用了定位方法把右边的位置小图标固定好，今天我想了想，不使用定位能不能把整个页头布的完整简洁且有利更好的修改。通过弹性布局方法修改了一遍，对比以前甚至生效边距用于一个组件调试，按钮高度和宽度各用一个组件调制等。这样就不用老方法要改，到处寻找。这个布局方法还是比较实用的。
二级菜单布局使用自己临时想出来方法，以前的那个方法太绕圈了，按重点的说一下，先设置好按钮的宽度相对于二级菜单的宽度，然后把行内颜色转换块元素，这样它们就能各自占有自己的位置，在最上面的父级元素上加上display: flex;使它们三个所在地平行，然后各种子元素进行填充，这是我使用的方法，也达到了自己想要的效果。关于旁边的下拉框图标，没有使用之前插入图片方法，按自己的方式给它手写了一个。还是使用弹性，再找到本元素进行一个转换。下面使用方法的成果图。
遇到的困难：
开始制作导航时使用弹性布局页头有点疑惑，不使用定位真的能达到效果吗，后来还是坚持用弹性把它完善好。解决方法：把一些快元素转换为行内元素，按照弹性布局方案，一下子就有了想法，后来慢慢找到了方向完成了布局。
明天计划的事情：继续调制好，并且能到达轻松更改的效果。
收获：重构了之前的任务 总的来说比起之提升了不少，包括布局思路，为后期准备需要进行位置调制更改的路线，都一 一准备好。
返回列表
评论