声部选择弹窗优化

src/view/plugins/toggleMusicSheet/choosePartName/index.module.less

@@ -61,6 +61,7 @@
       height: 100%;
       background: #EAF2FB;
       border-radius: 12px;
+      overflow: hidden;
     }
   }
   .picker {
@@ -71,10 +72,14 @@
     align-items: center;
     :global{
       .van-picker__mask {
-        background-image: initial;
+        background-image:linear-gradient( rgba(234,242,251,0.8), rgba(234,242,251,0.8)),linear-gradient( rgba(234,242,251,0.8), rgba(234,242,251,0.8));
       }
       .van-picker__columns{
         width: 100%;
+        .van-picker__frame{
+          border-top: 1px solid #D5E0ED;
+          border-bottom: 1px solid #D5E0ED;
+        }
       }
       .van-picker-column__wrapper{
         padding: 0 16px;
@@ -82,12 +87,6 @@
       .van-picker-column__item{
         font-weight: 600;
         font-size: 15px;
-        color: rgba(0,0,0,0.2);
-        &.van-picker-column__item--selected{
-          border-top: 1px solid #D5E0ED;
-          border-bottom: 1px solid #D5E0ED;
-          color: rgb(0,0,0);
-        }
       }
     }
   }

src/view/plugins/toggleMusicSheet/choosePartName/index.tsx

@@ -67,7 +67,8 @@ export default defineComponent({
               v-model={selValues.value}
               showToolbar={false}
               columns={columns.value}
-              visibleItemCount={Math.ceil(document.body.clientHeight / 40 / 3)}
+              visible-option-num={5}
+              option-height={"1.06666rem"}
               onChange={(row) => {
                 console.log(1111,'选择的索引', row)
                 if (!partIndexChanged.value) partIndexChanged.value = true