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的，問題通通消滅！
那就先這樣吧，拜拜~