4.20周报

周总结

    学期已经过去一半了,这几周每个学科就开始陆陆续续的进行期中考试,其实我并没有信心,虽然每次老师讲课也都听了,但是还是感觉现上教学,没有在课堂上靠谱,可能是因为线上遇到问题不能及时解决,而且有时候也不好意思去问老师,结果就不了了之了。
    上周我们要交上一个使用sass做的网页,但是我感觉我做的就跟css差不多,用了好多混合选择器 @mixin ,根本没有用到函数 @function 什么的,最后学姐还给我们发了一个实例——旋转扇,其实做起来也很简单,但是学姐发的那个例子用到了函数@function,循环 @for,不知道比我们的强多少倍,首先我们来看一下效果:
在这里插入图片描述
    是不是很美美哒,哈哈哈哈,会发现这么多颜色其实每个都很接近,所以我是将颜色值转换成RGB值后,果然有个规律(每次将red-1,green+1,blue+1)。话不多说,代码如下(我写的,其实也不知道对不对,反正效果是出来了):

@mixin size(){
    
    
  width: 20px;
  height: 120px;
}
.fixed{
    
    
  @include size;
  background-color: red;
  position: fixed;
  top: 40%;
  margin-top: -125px;
  left: 50%;
  margin-left: -25px;
  border-radius: 20px;
}
$value:4;
$red:224;
$green:1;
$blue:113;
@for $i from 1 through 90 {
    
    
  .circle#{
    
    $i} {
    
    
    @include size;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    background-color:rgb($red,$green,$blue);
    transform-origin: 50% 90%;
    transition: 2s;
  }
  .fixed:hover .circle#{
    
    $i} {
    
    
    transform: rotateZ(#{
    
    $value}deg);
  }
  $value:$value + 4;
  $red:$red - 1;
  $green:$green + 1;
  $blue:$blue + 1;
}

    上周我们也发布了新的考核内容,就是制作一个餐饮后台管理系统,学长也已经把API文档给我们了,说简单点就是套个模板,其实这个刚开始我是用layui后台写的,但是我发现用了这个之后我再向按钮添加事件的时候,事件没有执行(试了好多次,最后向现实妥协)只好自己写了,但是我还有一个问题就是自动分页与修改信息一直存在(不是以刷新页面就消失了那种,这个我之前看过一个例子,是发送微博的,表示现在已经忘完,还得再回顾一下),而且还得抽时间把离散、java复习一下这周三就是考试了。
    好了,话不多说,over

猜你喜欢

转载自blog.csdn.net/qq_45731083/article/details/105626876