修改样式

src/pages/personal/ElectronicSignature.vue

       </h1>
       <div class="information">
         <div class="blueBorder"></div>
-        <div class="name" v-show="showpan == 'canvas'">
+        <div
+          class="name"
+          v-show="showpan == 'canvas'"
+          style="display:fixed;width:100%;left:0;top:0;"
+        >
           <canvas
             id="canvas"
             class="fl"
             width="600"
             height="400"
+            disable-scroll="true"
             @mousedown="canvasDown($event)"
             @mouseup="canvasUp($event)"
             @mousemove="canvasMove($event)"
       height: 400px;
       margin: 0 auto;
       border-radius: 4px;
+
       @media only screen and (max-width: 812px) {
         width: 500px !important;
         height: 200px !important;

src/styles/style.scss

       background: -webkit-linear-gradient(#dfe4ea, #ebf1f7);
     }
     .DialogContent {
-      height: 6.8rem;
+      height: 8.8rem;
       overflow-y: scroll;
       background: #fff;
       @media only screen and (max-width: 812px) {