2020/04/19 Week Summary

This week the team started a new task, using the API given by the senior to write a back-end system. The next day will be busy, and the test will be conducted in the next two weeks. Go ahead, Aoli give.
Today, I suddenly discovered that the part of the good things found in Jingdong should be written in animation, and there is a pause when the mouse is moved up. When I wrote JD.com before, the animation I wrote with js was margin-left and moved little by little. As a result, the mouse moved up and the pause was delayed.

.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;
  }
}

The style of the accordion on the left side of the writing background was really tangled for a long time, and then I used the UI similar to the hammer technology, not the cool black. Insert picture description here
The color will be changed later, it depends on the mood for cooler special effects.
It took a long time to write this. For the accordion of bootstrap, I added a transion, and the result is no silky effect. After a long investigation, I found the problem. Then the modal box of bootstrap cannot be placed in li , otherwise it will not be triggered, and it has been investigated for a long time. . . .
If you want to use multiple bootstrap modal boxes on a page, you only need to change the button's data-target="#xxxx" and the modal box id="xxxx".
By the way, hbuilder's article CTRL + shift +f shortcut key conflicts with the input method of win10, it will become traditional characters, just like this.
Following the seniors and sisters, I learned how to troubleshoot problems. It was 66. The problems were all eliminated!
Let's do this first, bye~

2020/04/19 Week Summary

Guess you like