发表于: 2018-10-31 21:39:18

2 755


今天完成的事情:


任务十三第一个页面侧边导航栏

aside {
 position: absolute;
 top: 0;
 bottom: 0;
 left: -50%;
 width: 50%;
 transition: 0.2s ease-out;
 background-color: $two;
 display: none;
}
#sidemenu {
 display: none;
}
#sidemenu:checked + aside {
 left: 0;
 display: block;
}
.notice {
 display: flex;
 align-items: center;
 justify-content: space-between;
 height: 40px;
 border-bottom: 1px solid $four;
 color: $one;
 padding: 0 10px;
}
.notice .notice-left {
 display: flex;
 align-items: center;
 justify-content: center;
}


明天计划的事情:明天计划完成任务十三,并提交任务


遇到的问题:今天在侧边导航栏卡了挺久的,一直没什么思路,在网上也搜了一些资料和实例,直到问了师兄之后,他推荐给我一个网站,里面有个关于才有了些思路。


收获:今天学会了如何用css实现侧边导航栏,说实话我懵了一上午脑子里没什么思路,想不出如何实现这个侧边导航栏,最后是师兄过来提点我了一下,并且给我了一个实例的网站,看了以后才有中恍然大悟的感觉,原来是这么实现的,一下子脑子里就有了思路,然后我就反复看了几遍,慢慢理清自己思路,试着去理解其中的原理,最后成功写出来了。


返回列表 返回列表
评论

    分享到