发表于: 2019-12-28 22:51:46
1 977
今天完成的事
1,对任务七的重构;
2,制作任务七首页侧边栏;
3,任务13深度思考;
明天的计划
1,开始任务14;
2,深入学习拆分组件的方法;
遇到的问题
1,侧边导航栏的制作,通过利用input,label的特性完成制作;
2,导航栏导致pc端出现横向滚动条,通过设置最大宽度并overflow:hidden;解决
收获
1,体会组件命名的用法;以功能模块为其中元素命名类,让css更加清晰明了;
2,最大化的使用混入;主要有宽高设置,定位,颜色的混入最常用;
3,侧边栏制作的原理;
(1)label会自动聚焦到关联的input元素上;
(2)input 使用 : checked 选择器模拟单选效果;(与侧边栏点击显示与否两种状匹配)
评论