发表于: 2019-11-16 22:43:25
1 922
今天完成的工作
今天的工作是对任务五和任务六进行重构,依然是使用的sass。基本上也都是对部分可以在不同选择器中一起用的部分通过混合宏让他变成整体,可以重复利用,这个任务中我都是把flex布局和border,font等变为一个整体然后部分在用传参改变。
* {
margin: 0;
}
$justify:center;
$color:#5AC0CE;
$color2:white;
@mixin flex($justify) {
display: flex;
align-items: center;
justify-content: $justify;
}
@mixin posit1 {
position: fixed;
left: 0;
width: 100%;
}
@mixin footer-border($color, $color2) {
border-radius: 6px;
background-color: $color;
border: 2px solid $color;
color: $color2;
font-weight: 500;
}
@mixin footer-size {
float: left;
height: 40px;
width: 40%;
}
@mixin li-border {
display: flex;
border-bottom: 1px solid rgb(225, 229, 231);
padding-bottom: 20px;
padding-top: 20px;
}
明天完成的工作
明天因为请假了所以可能大概只会看一下之后要讲的小课堂的内容了。
遇到的问题
重构中基本上没遇遇到什么问题,都是简化代码方面的东西。
评论