feat: 添加点赞动画效果及更新点赞图标
- 在details.css和details.less中添加点赞动画效果 - 更新Item.vue组件中的点赞图标为like-red-pitch.png - 在index.html/index.vue中添加点赞动画组件Like - 更新http.js中的测试session token
This commit is contained in:
@@ -1149,6 +1149,20 @@
|
||||
.content .floor-area .floor-content .floor-left .item .icon.h8 {
|
||||
height: 8px;
|
||||
}
|
||||
.content .floor-area .floor-content .floor-left .item .icon.pitch {
|
||||
animation: liftAndReset 0.3s forwards;
|
||||
}
|
||||
@keyframes liftAndReset {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
.content .floor-area .floor-content .floor-left .item.operate-item {
|
||||
position: relative;
|
||||
display: flex;
|
||||
|
||||
@@ -1382,6 +1382,22 @@
|
||||
height: 8px;
|
||||
}
|
||||
margin-right: 5px;
|
||||
|
||||
&.pitch {
|
||||
animation: liftAndReset 0.3s forwards;
|
||||
}
|
||||
|
||||
@keyframes liftAndReset {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.operate-item {
|
||||
|
||||
BIN
assets/img/like-red-pitch.png
Normal file
BIN
assets/img/like-red-pitch.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 965 B |
Reference in New Issue
Block a user