发表于: 2018-06-27 22:47:08
1 745
一、今天完成的事情:
准备小课堂
二、明天计划的事情:
开始任务13
三、遇到的问题:
今天都在准备小课堂,没有做任务,明天开始做任务
四、收获:
准备小课堂的过程中,认识到自己学SASS的很多知识都还不牢固和不够深刻,应用也还不够灵活。
往后在学习新知识的时候,需加深理解,并在任务当中多加使用。
进度:任务13
任务开始时间:06.25
预计demo时间:06.28
是否有延期风险:有
禅道:http://task.ptteng.com/zentao/project-task-761.html
任务总结:
任务名称:CSS=TASK12
任务耗时:06.23-06.24 无延期
任务总结:用SASS重构任务5/6,熟悉SASS的使用
任务12主要遇到的难点有:
雇佣页面的下拉菜单不能使用Bootstrap组件,所以使用了select来做下拉菜单。select的下拉菜单要修改原生样式比较困难。
select下拉菜单主要通过select标签和option标签建立,难点主要在于修改默认样式,text-align:center;居中的效果在
chrome中会失效,有兼容问题。所以通过采取新建span来覆盖原生表头,来达到居中和加边框的效果,但是这会使在电脑
端选择下拉选项,表头不会随之更改。下拉选项也居中不了。后来师兄说i表头要随下拉选项变化,居中可以通过text-indent
来缩进文本,使select的表头文本居中。所以去掉了新建居中div覆盖的方法,使用text-indent,通过配合calc使用,使得表头
最后居中了,但是有些小缺点就是表头下拉的倒三角形和右渐变border无法实现设计图的效果。
评论