设置按钮被遮挡

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

@@ -58,13 +58,19 @@
         .van-cell {
             padding-left: 0;
             padding-right: 0;
-
+            overflow: visible;
             &:after {
                 left: 0;
                 right: 0;
                 border-color: #F0F0F0;
             }
         }
+        .van-cell__value{
+            overflow: visible;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+        }
 
         .van-switch {
             background-color: transparent !important;

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

@@ -30,7 +30,7 @@ export default defineComponent({
 							<NoticeBar class={styles.noticebar} left-icon={iconInfo} text="全局设置会更改所有乐谱练习及评测" />
 							<Cell title="护眼模式" center>
 								{{
-									extra: () => <Switch v-model={state.setting.eyeProtection}></Switch>,
+									value: () => <Switch v-model={state.setting.eyeProtection}></Switch>,
 								}}
 							</Cell>
 							<div class={styles.btnsbar}>
@@ -47,19 +47,19 @@ export default defineComponent({
 						<Tab title="练习设置">
 							<Cell title="循环播放" center>
 								{{
-									extra: () => <Switch v-model={state.setting.repeatAutoPlay}></Switch>,
+									value: () => <Switch v-model={state.setting.repeatAutoPlay}></Switch>,
 								}}
 							</Cell>
 							<Cell title="显示指法" center>
 								{{
-									extra: () => <Switch v-model={state.setting.displayFingering}></Switch>,
+									value: () => <Switch v-model={state.setting.displayFingering}></Switch>,
 								}}
 							</Cell>
 						</Tab>
 						<Tab title="评测">
 							<Cell title="选择评测难度" center>
 								{{
-									extra: () => (
+									value: () => (
 										<RadioGroup iconSize={20} class={styles.radioGroup} v-model={state.setting.evaluationDifficulty}>
 											<Radio name="BEGINNER">入门</Radio>
 											<Radio name="ADVANCED">进阶</Radio>
@@ -71,12 +71,12 @@ export default defineComponent({
 
 							<Cell title="校音提醒" center>
 								{{
-									extra: () => <Switch v-model={state.setting.soundEffect}></Switch>,
+									value: () => <Switch v-model={state.setting.soundEffect}></Switch>,
 								}}
 							</Cell>
 							<Cell title="摄像头" center>
 								{{
-									extra: () => (
+									value: () => (
 										<Switch
 											v-model={state.setting.camera}
 											onChange={(value) => {
@@ -92,7 +92,7 @@ export default defineComponent({
 							</Cell>
 							<Cell style={{ display: state.setting.camera ? "" : "none" }} title="透明度" class={styles.sliderWrap} center>
 								{{
-									extra: () => (
+									value: () => (
 										<Slider class={styles.slider} min={0} max={100} v-model:modelValue={state.setting.cameraOpacity}>
 											{{
 												button: () => <div class={styles.sliderBtn}>{state.setting.cameraOpacity}</div>,
@@ -103,17 +103,17 @@ export default defineComponent({
 							</Cell>
 							<Cell title="保存到相册" center>
 								{{
-									extra: () => <Switch v-model={state.setting.saveToAlbum}></Switch>,
+									value: () => <Switch v-model={state.setting.saveToAlbum}></Switch>,
 								}}
 							</Cell>
 							<Cell title="开启伴奏" center>
 								{{
-									extra: () => <Switch v-model={state.setting.enableAccompaniment}></Switch>,
+									value: () => <Switch v-model={state.setting.enableAccompaniment}></Switch>,
 								}}
 							</Cell>
 							<Cell title="标准音高" center>
 								{{
-									extra: () => (
+									value: () => (
 										<RadioGroup iconSize={20} class={styles.radioGroup} v-model={state.setting.frequency}>
 											<Radio name={440}>440Hz</Radio>
 											<Radio name={442}>442Hz</Radio>