谱面大小调整修改

src/page-instrument/header-top/settting/index.module.less

@@ -219,9 +219,20 @@
                         }
                     }
                 }
-                .speBox {
-                    >div {
-                        width: 48px;
+                &.speCon{
+                    .tit{
+                        flex-shrink: 0;
+                    }
+                    .radioBox {
+                        flex-wrap: wrap;
+                        justify-content: flex-end;
+                        >div {
+                            margin: 0 0 8px 8px;
+                            width: 48px;
+                            &:nth-child(n+4){
+                                margin-bottom: 0;
+                            }
+                        }
                     }
                 }
                 .frequency{

src/page-instrument/header-top/settting/index.tsx

@@ -26,7 +26,7 @@ export default defineComponent({
 			screenModelShow: false, // 投屏帮助
 			recommendationShow: false, // 建议
 		});
-        const zoomList = [{name:'默认',value: 0.8},{name:'1.25x',value: 1.25},{name:'1.5x',value: 1.5},{name:'1.75x',value: 1.75}] 
+        const zoomList = [{name:'0.5x',value: 0.5},{name:'0.75x',value: 0.65},{name:'1x',value: 0.8},{name:'1.25x',value: 1.25},{name:'1.5x',value: 1.5},{name:'1.75x',value: 1.75},{name:'2x',value: 2},{name:'2.25x',value: 2.25}] 
 		const parentClassName = "recommenBoxClass_drag";
 		const userId = storeData.user?.id ? String(storeData.user?.id) : "";
 		const positionInfo =
@@ -258,9 +258,9 @@ export default defineComponent({
                         }
                         {
                             !state.isCbsView ? 
-                            <div class={styles.cellBox}>
+                            <div class={[styles.cellBox, styles.speCon]}>
                                 <div class={styles.tit}>谱面大小</div>
-                                <div class={[styles.radioBox, styles.speBox]}>
+                                <div class={styles.radioBox}>
                                     {
                                         zoomList.map(item=>{
                                             return <div class={ state.zoom===item.value && styles.active } onClick={ async ()=>{