dos

Public/static/js/common.js

@@ -137,7 +137,7 @@ function initPage() {
     const headerHeight = 313;
     const headerHeight = 313;
     const logoHeight = parseFloat($('.logo').css('height'));
     const logoHeight = parseFloat($('.logo').css('height'));
     const inputHeight = parseFloat($('.input-wrapper').css('height'));
     const inputHeight = parseFloat($('.input-wrapper').css('height'));
-    const transformTop = parseFloat(getTranslateDistance());
+    const transformTop = parseFloat(getTranslateDistance() / 2);
 
 
     const spacing = (headerHeight - transformTop - logoHeight - inputHeight) / 3;
     const spacing = (headerHeight - transformTop - logoHeight - inputHeight) / 3;
     $('.logo').css('top', spacing + 'px');
     $('.logo').css('top', spacing + 'px');
@@ -455,7 +455,7 @@ function initCanvas(target, id, canvasWidth, canvasHeight, useRem = false) {
 function getTranslateDistance(cardinal = 0, abs = false) {
 function getTranslateDistance(cardinal = 0, abs = false) {
     let wrapHeight = parseFloat($('.wrap').css('height'));
     let wrapHeight = parseFloat($('.wrap').css('height'));
     let wrapInnerHeight = parseFloat($('.wrap-inner').css('height'));
     let wrapInnerHeight = parseFloat($('.wrap-inner').css('height'));
-    return wrapInnerHeight - wrapHeight + cardinal + 'px';
+    return (wrapInnerHeight - wrapHeight) / 2 + cardinal + 'px';
 }
 }
 
 
 //获取随机数方法
 //获取随机数方法