Merge pull request #228 from dwqdaiwenqi/feat/optmize

ZhouYixun · web-flow · commit c15b10048caa · 2022-11-23T14:45:52.000+08:00
feat(remote-emulator): transform 替换图片切换
diff --git a/src/assets/img/top.png b/src/assets/img/top.png
diff --git a/src/views/RemoteEmulator/index.vue b/src/views/RemoteEmulator/index.vue
@@ -216,7 +216,11 @@ const saveLastSplitObj = () => {
     }
 
     &_top {
-      background-image: url('@/assets/img/top.png');
+      transform:rotate(90deg);
+      -ms-transform:rotate(90deg);
+      -moz-transform:rotate(90deg); 	/* Firefox */
+      -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
+      -o-transform:rotate(90deg); 	/* Opera */
     }
   }
 }
diff --git a/src/views/RemoteEmulator/indexIOS.vue b/src/views/RemoteEmulator/indexIOS.vue
@@ -216,7 +216,11 @@ const saveLastSplitObj = () => {
     }
 
     &_top {
-      background-image: url('@/assets/img/top.png');
+      transform:rotate(90deg);
+      -ms-transform:rotate(90deg);
+      -moz-transform:rotate(90deg); 	/* Firefox */
+      -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
+      -o-transform:rotate(90deg); 	/* Opera */
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -216,7 +216,11 @@ const saveLastSplitObj = () => {`
`216`	`216`	`}`
`217`	`217`
`218`	`218`	`&_top {`
`219`		`- background-image: url('@/assets/img/top.png');`
	`219`	`+ transform:rotate(90deg);`
	`220`	`+ -ms-transform:rotate(90deg);`
	`221`	`+ -moz-transform:rotate(90deg); /* Firefox */`
	`222`	`+ -webkit-transform:rotate(90deg); /* Safari 和 Chrome */`
	`223`	`+ -o-transform:rotate(90deg); /* Opera */`
`220`	`224`	`}`
`221`	`225`	`}`
`222`	`226`	`}`