dos

Public/static/js/common.js

@@ -178,27 +178,33 @@ $(document).ready(function () {
     $('.personal-page .btn-choose-color').on('touchmove', chooseColorMove);
     //红色
     $('.personal-page .btn-red').on('click', {
-        color: 'red'
+        color: 'red',
+        left: '3.25rem'
     }, changeMainColor);
     //黄色
     $('.personal-page .btn-yellow').on('click', {
-        color: 'yellow'
+        color: 'yellow',
+        left: '7.95rem'
     }, changeMainColor);
     //青绿
     $('.personal-page .btn-lightgreen').on('click', {
-        color: 'lightgreen'
+        color: 'lightgreen',
+        left: '12.65rem'
     }, changeMainColor);
     //深绿
     $('.personal-page .btn-darkgreen').on('click', {
-        color: 'darkgreen'
+        color: 'darkgreen',
+        left: '17.35rem'
     }, changeMainColor);
     //蓝色
     $('.personal-page .btn-blue').on('click', {
-        color: 'blue'
+        color: 'blue',
+        left: '22.05rem'
     }, changeMainColor);
     //紫色
     $('.personal-page .btn-purple').on('click', {
-        color: 'purple'
+        color: 'purple',
+        left: '26.75rem'
     }, changeMainColor);
 });
 
@@ -207,6 +213,7 @@ function changeMainColor(event) {
     $('.personal-page').css('background', colorList[mainColor][colorIndex - 1]);
     $('.personal-page .colorbar').css('background', 'url(/Public/static/image2/colorbar-' + mainColor + '.png) left top no-repeat')
         .css('backgroundSize', '100%');
+    $('.personal-page .maincolor-active').css('left', event.data.left);
 }
 
 function chooseColorStart(e) {