优化滚动

src/views/Editor/Canvas/index.vue

@@ -23,8 +23,8 @@
       :style="{
         width: viewportStyles.width * canvasScale + 'px',
         height: viewportStyles.height * canvasScale + 'px',
-        left: viewportStyles.left<0? '0px':(viewportStyles.left) + 'px',
-        top: viewportStyles.top<0? '0px':(viewportStyles.top) + 'px',
+        left: viewportStyles.left<0? '5px':(viewportStyles.left) + 'px',
+        top: viewportStyles.top<0? '5px':(viewportStyles.top) + 'px',
       }"
     >
       <div class="operates">

src/views/Editor/index.vue

@@ -6,7 +6,7 @@
       <Thumbnails class="layout-content-left" />
       <div class="layout-content-center" style="overflow: hidden;">
         <CanvasTool class="center-top" />
-        <div style="height: calc(100% - 40px);overflow: scroll;">
+        <div style="height: calc(100% - 40px);overflow: scroll;background: #f9f9f9;">
           <!-- <Canvas class="center-body" :style="{ height: `calc(100% - 40px)`}" /> -->
           <Canvas class="center-body" :style="{ height: '100%'}" />
         </div>