发表于： 2019-11-23 23:02:14
1 1065
今天完成的工作
今天完成的工作是对任务8的重构，任务八的重构过程中，主要的难点问题其实就是导航栏和轮播图。导航栏的话我是采用了input的checked伪类加label的效果给它实现的，其实和上个任务有些类似。只是上个任务从左侧出现，这次我们从上往下出现。首先我让下拉元素的高度定为了0，设置了超出隐藏。之后点击触发之后，就可以让其高度变为原本的高度。同时在高度的变化过程中，可以用到css3中的过渡动画效果，使得我们导航栏的出现变得不那么突兀。在轮播图的处理中，我是采用了自动轮播的效果，做法也是网上查到的。让一个大的div中容纳我们要播放的图片，然后它的父元素为我们展示在外面的窗口。通过css3中的动画效果让其每过一段时间就能够让大div中的margin-left控制我们展示出来的内容。这样就能完成动画效果了。
明天的工作
明天的任务基本上是可以把任务14的重构给它完成了，因为接下来做的工作其实之前已经做过了。之前嫌弃栅格布局的效果做的比较差所以直接使用了媒体查询来做。所以重构的工作就是看看代码能否精简一下优化一下。
遇到的问题
今天遇到的问题是我在使用scss写css样式时，媒体查询或者是伪类的运用中，有时会不生效的问题。重复实验之后发现，在scss中我的子元素类都是被包含在父元素的类之中的。所以在媒体查询或伪类要使他生效就必须把它前面的父元素类名也加上才能成功。
返回列表
评论