style: 音符指针按钮样式修改

src/subpages/colexiu/buttons/index.module.less

@@ -84,6 +84,9 @@
       }
     }
   }
+  &.minPadding {
+    padding: 0 2px;
+  }
   &.bigIcon {
     img {
       width: 25px;

src/subpages/colexiu/buttons/index.tsx

@@ -230,21 +230,7 @@ export default defineComponent({
               )}
             </Transition>
           </div>
-          <div class={[styles.moreButton]} style={{ opacity: detailState.initRendered ? 1 : 0 }}>
-            <>
-              <Button
-                class={classNames(styles.button, styles.hasText)}
-                onClick={() => {
-                  // 切换光标模式
-                  const mode = metronomeData.cursorMode === 3 ? 1 : metronomeData.cursorMode + 1
-                  metronomeData.cursorMode = mode
-                }}
-              >
-                <ButtonIcon key="modelType" name={metronomeData.cursorMode === 1 ? 'cursor-icon-1' : metronomeData.cursorMode === 2 ? 'cursor-icon-2' : metronomeData.cursorMode === 3 ? 'cursor-icon-3' : ''} />
-                <span>{metronomeData.cursorMode === 1 ? '音符指针' : metronomeData.cursorMode === 2 ? '节拍指针' : metronomeData.cursorMode === 3 ? '关闭指针' : ''}</span>
-                {metronomeData.cursorTips && <div class={classNames(styles['botton-tips'])}>{metronomeData.cursorTips}</div>}
-              </Button>            
-            </>            
+          <div class={[styles.moreButton]} style={{ opacity: detailState.initRendered ? 1 : 0 }}>           
             {!search?.modelType && modelType.value !== 'init' && !detailState.frozenMode && (
               <Button
                 data-step="m0"
@@ -280,6 +266,20 @@ export default defineComponent({
                 <span>模式</span>
               </Button>
             )}
+            <>
+              <Button
+                class={classNames(styles.button, styles.hasText, styles.minPadding)}
+                onClick={() => {
+                  // 切换光标模式
+                  const mode = metronomeData.cursorMode === 3 ? 1 : metronomeData.cursorMode + 1
+                  metronomeData.cursorMode = mode
+                }}
+              >
+                <ButtonIcon key="modelType" name={metronomeData.cursorMode === 1 ? 'cursor-icon-1' : metronomeData.cursorMode === 2 ? 'cursor-icon-2' : metronomeData.cursorMode === 3 ? 'cursor-icon-3' : ''} />
+                <span>{metronomeData.cursorMode === 1 ? '音符指针' : metronomeData.cursorMode === 2 ? '节拍指针' : metronomeData.cursorMode === 3 ? '关闭指针' : ''}</span>
+                {metronomeData.cursorTips && <div class={classNames(styles['botton-tips'])}>{metronomeData.cursorTips}</div>}
+              </Button>            
+            </>             
             {detailState.initRendered && !search.lessonTrainingId && !search.questionId &&  detailState.activeDetail?.musicSheetType == 'CONCERT' && (
               <Button
                 class={[styles.button, styles.hasText]}
@@ -497,7 +497,7 @@ export default defineComponent({
                   }
                 >
                   <ButtonIcon name="setting" />
-                  <span>设置1</span>
+                  <span>设置</span>
                 </Button>
                 <Popups
                   ref={settingPopup}