发表于: 2018-11-28 22:08:34

1 759


今天完成的事情:  今天上午把任务14提交了,下午的时候一直在修改bug。待解决的问题就是导航栏下拉的动画和轮播图代码的修改。晚上准备了明天要讲的小课堂内容
明天计划的事情:明天计划把导航栏下拉的动画和轮播图代码再精简下。
遇到的问题:

       1,第一个问题就是导航栏下拉的问题,刚开始导航栏下拉的时候是会覆盖到下面的轮播图的,这方面自己网上查找了下也向师兄请教了下,发现自己的导航栏在下拉的时候多了一个绝对定位的属性,然后把这个删除掉,但是再进行点击导航栏进行下拉的时候发现排版方面会出现问题,经过排查发现顶部的按钮虽然设置了宽度,但是导航栏下拉的内容和这些都显示在了同一行,然后自己在导航菜单里添加了flex布局中的

flex-wrap: wrap;

属性,最后解决了这个问题

        2,第二个问题是导航栏的下拉动画问题,自己通过网上也查找栏

 transition

这个属性,但是在添加过程中发现问题的话暂时还是没有解决,明天上午的话尽量解决这个问题。

     3,第三个问题是轮播图的问题,轮播图代码的话应该还可以在进行精简下。这方面明天尽量完成


收获:了解了

transition

的使用,之前虽然接触过但一直没有深入了解过,今天对与这个属性算是重新认识了一次。另外的话就是代码冲突的问题,自己写任务14的时候把导航栏和轮播图以及页面底部各自放在了不同 的文件里,今天在进行调试的时候也发现了这些代码之间有的会产生冲突,同样一个属性在这里以及在另外一个文件里设置不同的属性调试起来的会很麻烦,这方面自己以后也要注意一下


返回列表 返回列表
评论

    分享到