动画

src/components/public/public-list-item.vue

@@ -537,6 +537,24 @@ img {
             height: 100%;
             cursor: pointer;
 
+            &:hover {
+                .icon {
+                    // transform: rotate(45deg);
+                    animation: spin 1s forwards;
+                }
+
+            }
+
+            @keyframes spin {
+                0% {
+                    transform: rotate(360deg);
+                }
+
+                100% {
+                    transform: rotate(0deg);
+                }
+            }
+
             .icon {
                 width: 16px;
                 height: 16px;
@@ -586,6 +604,10 @@ img {
             cursor: pointer;
             margin-left: 10px;
 
+            &:hover {
+                color: #000000;
+            }
+
             &.go-up {
                 border: none;
                 color: #fff;