feat: 修复MENUmask出现滚动条问题

src/packages/menu/demo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="demo-list">
+  <div :style="{ padding: 0 }">
     <h4>基础样式</h4>
     <nut-menu mask :list="list" type="simple" @open="onOpen" @close="onClose" />
     <h4>多选样式</h4>

src/packages/menu/menu.scss

@@ -7,7 +7,7 @@ $titleHeight: 50px;
   &-mask {
     position: absolute;
     width: 100%;
-    height: 100vh;
+    height: 100%;
     background-color: $mask-bg;
   }
 

src/packages/menu/menu.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="nut-menu">
+  <div class="nut-menu" ref="menu">
     <transition :name="!isAnimation ? 'nutFade' : ''">
-      <div class="nut-menu-mask" @click="onMaskClick" v-show="isVisible && mask" />
+      <div class="nut-menu-mask" @click="onMaskClick" v-show="isVisible && mask" :style="maskStyle" />
     </transition>
     <div class="nut-menu-title">
       <div v-for="(title, index) in getMenuTitles" class="nut-menu-title-wrapper" :key="index" @click="onMenu(index)">
@@ -125,11 +125,13 @@ export default {
       datalist: [], // menu组件数据源
       menuIndex: 0, // 当前列索引
       isVisible: false, // 当前面板是否打开
+      maskStyle: {},
     };
   },
   mounted() {
     this.datalist = this.list;
     this.isVisible = this.visible;
+    this.maskStyle = { height: 'calc(100vh - ' + this.$refs.menu.offsetTop + 'px)' };
   },
   computed: {
     okBtnTxt() {