2020/04/19周总结

这周小组开始了新的任务，用学长给的API写个后台系统，接下来的日子有的忙了，下两周也要进行测验了。冲吧，奥力给。
今天突然发现京东的那个发现好物部分应该是用动画写的，鼠标移上去有个暂停。之前我写京东的时候用js写的动画，是margin-left一点一点移动的，结果鼠标移上去，暂停有延迟。

.play-state {
  width: 100px;
  height: 100px;
  border: 3px solid #e1efde;
  border-radius: 50%;
  animation: play-state 3s linear infinite;
  cursor: pointer;
}

.play-state:hover {
  animation-play-state: paused;
}

@keyframes play-state {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 200px;
  }
}

写后台左边的手风琴的样式真是纠结了好久，然后用了锤子科技相似的UI，并不是很酷的黑色。在这里插入图片描述
后面颜色会再改动下,更酷的特效的话就看心情吧。
写这个还花了很长时间类，bootstrap的手风琴，我竟然作死的加了个transion，结果就没有丝滑的效果了，排查了很久才发现问题所在。然后就是bootstrap的模态框不能放到 li 中，不然就触发不了了，也是排查了很久。。。。
一个页面要想用多个bootstrap的模态框只需改动 button 的 data-target="#xxxx“ 和模态框的 id=”xxxx“ 就行了。
对了，hbuilder的文章CTRL + shift +f 快捷键和win10的输入法是冲突的，会变成繁体字的哦，就像這樣。
跟着学长学姐学会了排查问题的方法，真是66的，问题通通消灭！
那就先这样吧，拜拜~

猜你喜欢