Merge remote-tracking branch 'origin/main' into gitee

src/components/ReCropper/src/index.tsx

@@ -1,9 +1,9 @@
 import "./circled.css";
 import Cropper from "cropperjs";
-import { useTippy } from "vue-tippy";
 import { ElUpload } from "element-plus";
 import type { CSSProperties } from "vue";
 import { longpress } from "@/directives/longpress";
+import { useTippy, directive as tippy } from "vue-tippy";
 import {
   ref,
   unref,
@@ -236,6 +236,7 @@ export default defineComponent({
 
     const menuContent = defineComponent({
       directives: {
+        tippy,
         longpress
       },
       setup() {

src/layout/index.vue

@@ -196,6 +196,13 @@ const layoutHeader = defineComponent({
     </div>
     <!-- 系统设置 -->
     <setting />
+    <a
+      target="_blank"
+      href="https://www.bilibili.com/video/BV1He411m7Qs/"
+      class="absolute top-[53px] right-[50px] text-lg z-[9999] cursor-pointer review"
+    >
+      回顾2023！
+    </a>
   </div>
 </template>
 
@@ -230,4 +237,24 @@ const layoutHeader = defineComponent({
 .re-screen {
   margin-top: 12px;
 }
+
+@keyframes pulse {
+  0%,
+  100% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(1.3);
+  }
+}
+
+.review {
+  font-size: 18px;
+  animation: pulse 2s 3;
+
+  &:hover {
+    opacity: 0.75;
+  }
+}
 </style>

src/views/components/danmaku/index.vue

@@ -186,7 +186,7 @@ function addDanmu() {
     </div>
   </el-card>
 </template>
-<style lang="scss">
+<style lang="scss" scoped>
 .demo {
   flex: 1;
   height: 600px;