发表于: 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

成果链接:服务器:链接       github

任务耗时:06.23-06.24 无延期

task12.png


任务总结:用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无法实现设计图的效果。



返回列表 返回列表
评论

    分享到