perf(external/Composes): 优化摄像头新增时样式错乱

@@ -55,35 +55,35 @@ const computedFunc = (initial: number, source: any) => {
       temp4 = initial + 1 >= len ? initial + 1 - len : initial + 1,
       temp5 = initial + 2 >= len ? initial + 2 - len : initial + 2
     return source?.map((item: any, index: number) => {
-      let transform = `translate(-50%, -50%) scale(0.7)`,
+      let transform = `translateX(-50%) scale(0.7)`,
         zIndex = 0,
         className = 'slide'
       switch (index) {
         case temp3:
-          transform = `translate(-50%, -50%) scale(1)`
+          transform = `translateX(-50%) scale(1)`
           className = ['slide', 'activate'] as any
           zIndex = 300
           break
         case temp1:
-          transform = `translate(-80%, -50%) scale(0.7)`
+          transform = `translateX(-80%) scale(0.7)`
           zIndex = 100
           break
         case temp5:
-          transform = `translate(100%, -50%) scale(0.7)`
+          transform = `translateX(100%) scale(0.7)`
           zIndex = 100
           break
         case temp2:
-          transform = `translate(-100%, -50%) scale(0.85)`
+          transform = `translateX(-100%) scale(0.85)`
           zIndex = 200
           break
         case temp4:
-          transform = `translate(58%, -50%) scale(0.85)`
+          transform = `translateX(58%) scale(0.85)`
           zIndex = 200
           break
       }
       item.sty = {
         transform,
-        zIndex
+        zIndex,
       }
       item.className = className
       return item
@@ -164,9 +164,9 @@ function changeSlide(dir: string) {
       width: 20%;
       height: 100%;
       position: absolute;
-      top: 50%;
+      // top: 50%;
       left: 10%;
-      transform: translate(-50%, -50%);
+      transform: translateX(-50%);
       transition: 0.5s;
       box-shadow: 0 0 4px black;
       .video-title {