perf: 一些UI优化

src/views/Editor/CanvasTool/index.vue

@@ -76,6 +76,7 @@
             :key="item" 
             @click="applyCanvasPresetScale(item)"
           >{{item}}%</PopoverMenuItem>
+          <PopoverMenuItem center @click="resetCanvas()">适应屏幕</PopoverMenuItem>
         </template>
         <span class="text">{{canvasScalePercentage}}</span>
       </Popover>
@@ -131,7 +132,7 @@ const {
   canvasScalePercentage,
 } = useScaleCanvas()
 
-const canvasScalePresetList = [200, 150, 100, 80, 50]
+const canvasScalePresetList = [200, 150, 125, 100, 75, 50]
 const canvasScaleVisible = ref(false)
 
 const applyCanvasPresetScale = (value: number) => {

src/views/Editor/Thumbnails/LayoutPool.vue

@@ -48,7 +48,8 @@ const selectSlideTemplate = (slide: Slide) => {
   }
 
   .thumbnail {
-    outline: 1px solid $borderColor;
+    outline: 2px solid $borderColor;
+    transition: outline $transitionDelay;
     cursor: pointer;
 
     &:hover {

src/views/Editor/Toolbar/SlideDesignPanel.vue

@@ -491,7 +491,7 @@ const updateViewportRatio = (value: number) => {
   }
 
   &:hover .btns {
-    display: flex;
+    opacity: 1;
   }
 
   .btns {
@@ -500,8 +500,10 @@ const updateViewportRatio = (value: number) => {
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    display: none;
+    display: flex;
     background-color: rgba($color: #000, $alpha: .25);
+    opacity: 0;
+    transition: opacity $transitionDelay;
   }
   .btn {
     width: 72px;

src/views/components/element/AudioElement/AudioPlayer.vue

@@ -401,7 +401,7 @@ defineExpose({
       }
 
       .icon-content {
-        transition: all 0.2s ease-in-out;
+        transition: all .2s ease-in-out;
         opacity: 0.8;
         color: #fff;
       }

src/views/components/element/VideoElement/VideoPlayer/index.vue

@@ -517,7 +517,7 @@ useMSE(props.src, videoRef)
       }
 
       .icon-content {
-        transition: all 0.2s ease-in-out;
+        transition: all .2s ease-in-out;
         opacity: 0.8;
         color: #fff;
       }