发表于： 2019-06-23 21:42:26
1 852
今天完成的任务：
任务七侧面菜单栏按钮使用手写方式，关于手写方法：目前知道了两种方式，第一种用三个div设置边框行高。另一种是方法是使用两个div，前提它们是父子关系，先设置父元素的边框，高宽设置好，上下边框，然后使用子元素撑起来设置好背景。
布局思路采用了把宽度调成百分比，滚动撑起来，当然也可以使用内边距，先要把字体居，使用百分比缺点就是分辨调试的时候外面的宽度会出现不同的变化。中间主体按钮部分使用了外边距加固定值，边框区边并没有出现分辨率调试的情况下会变宽变窄，这个使用固定值。侧边三角形使用了手写方式解决dn，还是比较简单的，以前都是使用了插入图片这种方法解决问题。
关于组件库设置了分类，分别有用来存放颜色的，要使用时用变量就行了，那么使用它的好处是什么，就是比如要改按钮和导航栏的颜色，但它们的颜色都一样，就可以达到那种不要一个一个去找，而是直接使用变量。那要单独改一个颜色呢，这样怎么办，可以找到那个样式，使用覆盖方法就行了。还有用来存放变量的，这样分开来省去了混乱的现象。还有使用占位的位置也可以跟它留一个，要用的时候可以把它调用的方式进行，占位符也可以设置在scss里面，没有调用的情况不会出现编译出来的代码。
明天计划的事情：完成任务七的重构
收获：混合宏传参的使用，在 Sass 混合宏中，我们可以向其传递参数列表，便于快速地配置相关属性。就比如下面的这个混合宏，其中就包含了两个参数，用于定义元素的 display和padding
@mixin display ($disp, $padding) {
display: $disp;
padding: $padding;
}
当我们调用这个参数的时候必须每个参数传递一个合理的值，否则会出现错误提示
返回列表
评论