dos

Public/static/js/common.js

@@ -84,6 +84,8 @@ let flagStack = [];
 let chooseNum = 0;
 let chooseNum = 0;
 let oldRandFlag = [];
 let oldRandFlag = [];
 let first = true;
 let first = true;
+let startX;
+let timer;
 
 
 let flagTemplate = $('.flag-page .flag-frame').find('.flag-block').clone();
 let flagTemplate = $('.flag-page .flag-frame').find('.flag-block').clone();
 $('.flag-frame').html('').addClass('clearfix');
 $('.flag-frame').html('').addClass('clearfix');
@@ -113,11 +115,28 @@ $(document).ready(function () {
     $('.personal-page .btn-tab-bgcolor').on('click', showBgcolor);
     $('.personal-page .btn-tab-bgcolor').on('click', showBgcolor);
     //选择色条触摸开始
     //选择色条触摸开始
     $('.personal-page .btn-choose-color').on('touchstart', chooseColorStart);
     $('.personal-page .btn-choose-color').on('touchstart', chooseColorStart);
+    //选择色条拖动
+    $('.personal-page .btn-choose-color').on('touchmove', chooseColorMove);
 });
 });
 
 
 function chooseColorStart(e) {
 function chooseColorStart(e) {
-    console.log(e);
+    let touch = e.originalEvent.targetTouches[0];
+    startX = touch.pageX;
+}
 
 
+function chooseColorMove(e) {
+    if (timer) {
+        clearTimeout(timer);
+    }
+    timer = setTimeout(() => {
+        let touch = e.originalEvent.targetTouches[0];
+        moveX = touch.pageX;
+        let left = parseInt($('.personal-page .btn-choose-color').css('left'));
+        left = left + (moveX - startX);
+        console.log(left);
+        $('.personal-page .btn-choose-color').css('left', left);
+        startX = moveX;
+    }, 5);
 }
 }
 
 
 function showBgcolor() {
 function showBgcolor() {