发表于: 2019-11-15 21:53:14
1 900
今天完成的工作
今天完成的工作依旧是对任务的重构工作,任务四的重构我采用了sass的写法。在sass中主要采用的是它的变量用法,和@mixin的用法。变量主要用于我们的常规属性color,background,width,height,border这类,用的多大多而又重复的部分,在我们后期维护的时候,通过统一改变变量的值的方式可以为我们节省很多的人力物力。而@mixin的这个用法更是尤为的好用,通常我们在把选择器中比较常见的部分内容,重复而又冗长的部分整合在@mixin内然后当选择器要用到它时,@include就可以使用了。大大节省了我们开发起来的时间。
$baccolor: #5AC0CE;
$bac:url(登录_01.png);
@mixin flex {
display: flex;
justify-content:space-between;
align-items: center;
}
@mixin posit {
position: relative;
left:-5px;
width: 100%;
margin-right:-50px;
border: 0px;
}
@mixin font {
color: black;
font-weight: 500;
font-size: 250%;
}
明天要完成的工作
明天要把任务5和任务6的两个页面重构一下。遇到问题时在进一步去查找一些资料。
今天遇到的问题
今天遇到的主要问题,是在@mixin的传递参数的用法时,发现有一些参数通过传导并不能让他成功的编译出我们想要的参数,导致在任务中只能给一些属性手动的添加进我们的选择器中。
评论