dos

Public/static/js/common.js

@@ -306,6 +306,7 @@ function changeMainColor(event) {
 function chooseColorStart(e) {
     let touch = e.originalEvent.targetTouches[0];
     startX = (touch.pageX - colorbarLeft) / fontSize;
+    setBgColor(startX);
 }
 
 function chooseColorMove(e) {
@@ -316,31 +317,34 @@ function chooseColorMove(e) {
     timer = setTimeout(() => {
         let touch = e.originalEvent.targetTouches[0];
         moveX = (touch.pageX - colorbarLeft) / fontSize;
+        setBgColor(moveX);
+    }, 5);
+}
 
-        if (moveX < 4.2916) {
-            moveX = 4.2916;
-        } else if (moveX > 26.62) {
-            moveX = 26.62;
-        }
+function setBgColor(moveX) {
+    if (moveX < 4.2916) {
+        moveX = 4.2916;
+    } else if (moveX > 26.62) {
+        moveX = 26.62;
+    }
 
-        if (moveX < 6.59) {
-            colorIndex = 1;
-        } else if (moveX > 6.59 && moveX < 11) {
-            colorIndex = 2;
-        } else if (moveX > 11 && moveX < 15.46) {
-            colorIndex = 3;
-        } else if (moveX > 15.46 && moveX < 19.91) {
-            colorIndex = 4;
-        } else if (moveX > 19.91 && moveX < 24.38) {
-            colorIndex = 5;
-        } else if (moveX > 24.38) {
-            colorIndex = 6;
-        }
+    if (moveX < 6.59) {
+        colorIndex = 1;
+    } else if (moveX > 6.59 && moveX < 11) {
+        colorIndex = 2;
+    } else if (moveX > 11 && moveX < 15.46) {
+        colorIndex = 3;
+    } else if (moveX > 15.46 && moveX < 19.91) {
+        colorIndex = 4;
+    } else if (moveX > 19.91 && moveX < 24.38) {
+        colorIndex = 5;
+    } else if (moveX > 24.38) {
+        colorIndex = 6;
+    }
 
-        $('.personal-page').css('background', colorList[mainColor][colorIndex - 1]);
+    $('.personal-page').css('background', colorList[mainColor][colorIndex - 1]);
 
-        $('.personal-page .btn-choose-color').css('left', moveX + 'rem');
-    }, 5);
+    $('.personal-page .btn-choose-color').css('left', moveX + 'rem');
 }
 
 function initDecorate() {