【BUG】tm-filterMenu 组件在 swiper-item 中使用时，无法正常弹出选择项

### 该问题是怎么引起的？
tm-filterMenu 组件在 swiper-item  中使用时，无法正常弹出 选择项

### 重现步骤
新建一个vue文件，在pages.json中创建路由，测试平台 web,app(安卓，荣耀X40)，均无法正常显示选择项
<template>
    <view>demo</view>
    <swiper class="swiper" :current="swiperCurrent" @change="ChangeSwiper" :duration="180" :interval="50" :style="{height:swiperHeight}">
			<swiper-item :style="{height:swiperHeight}">
				<view class="swiper-item" :style="{height:swiperHeight}">
					工作台
				</view>
			</swiper-item>
			<swiper-item >
				<view class="swiper-item">客户</view>
			</swiper-item>
			<swiper-item > 
				<view class="swiper-item">
                    <tm-filterMenu ref="filter">
        <tm-filterMenu-item :footerHeight="100" title="单选项">
            <tm-radio-group direction='customCol' v-model="radiobox" :default-value="radiobox">
                <tm-radio :value="item.id" v-for="(item, index) in radioList3" :key="index" :custom="false">
                    <template v-slot:default="{ checked }">
                        <view :userInteractionEnabled="false" hover-class="opactiy-7"
                            class="flex-1 flex-row flex flex-row-center-between" style="height: 76rpx;">
                            <tm-text :color="checked.checked ? 'primary' : ''" :label="item.text"></tm-text>
                            <tm-icon :font-size="24" color="primary" v-if="checked.checked"
                                name="tmicon-check"></tm-icon>
                        </view>
                    </template>
                </tm-radio>
            </tm-radio-group>
            <template v-slot:footer>
                <view class="flex flex-row flex-row-between ">
                    <view class="pl-24 pr-12 flex-1">
                        <tm-button @click="filter.close()" :shadow="0" text :outlined="true" block
                            label="取消"></tm-button>
                    </view>
                    <view class="pr-24 pl-12 flex-1">
                        <tm-button @click="filter.close()" block :border="1" label="确认"></tm-button>
                    </view>
                </view>
            </template>
        </tm-filterMenu-item>
        <tm-filterMenu-item :footerHeight="100" :height="650" title="杂类选项" un-icon="tmicon-stepmode" icon="tmicon-menu">
            <tm-text :font-size="28" _class="font-weight-b" label="可以随便放自己想要的组件作为过滤"></tm-text>
            <tm-divider></tm-divider>
            <tm-text :font-size="32" _class="font-weight-b py-24" label="输入框"></tm-text>
            <tm-input v-model="inputValue"></tm-input>
            <tm-text :font-size="32" _class="font-weight-b py-24" label="tag选项"></tm-text>
            <tm-checkbox-group v-model="checbox2" :default-value="checbox2">
                <tm-checkbox :value="item.id" v-for="(item, index) in checboxList2" :key="index"
                    :custom="false">
                    <template v-slot:default="{ checked }">
                        <tm-tag :userInteractionEnabled="false" :label="item.text" :border="1" :shadow="0"
                            :text="!checked.checked"></tm-tag>
                    </template>
                </tm-checkbox>
            </tm-checkbox-group>
            <template v-slot:footer>
                <view class="flex flex-row flex-row-between ">
                    <view class="pl-24 pr-12 flex-1">
                        <tm-button @click="filter.close()" :shadow="0" text :outlined="true" block
                            label="取消"></tm-button>
                    </view>
                    <view class="pr-24 pl-12 flex-1">
                        <tm-button @click="filter.close()" block :border="1" label="确认"></tm-button>
                    </view>
                </view>
            </template>
        </tm-filterMenu-item>
    </tm-filterMenu>
                </view>
			</swiper-item>
			<swiper-item>
			</swiper-item>
		</swiper>
</template>

const filter = ref<InstanceType<typeof tmFilterMenu | null>>(null)
const checbox: Ref<Array<string | number>> = ref([])
const checbox2: Ref<Array<string | number>> = ref([])
const radiobox: Ref<string | number> = ref('')
const inputValue = ref("")
let stop = ref(0)
// #ifdef H5
stop.value = uni.$tm.u.torpx(44)
// #endif

const checboxList = ref([
	{ text: "测试项目1-1", id: '1' },
	{ text: "测试项目2-1", id: '2' },
	{ text: "测试项目3-1", id: '3' },
	{ text: "测试项目4-1", id: '4' },
	{ text: "测试项目5-1", id: '5' },
])
const checboxList2 = ref([
	{ text: "哈哈1", id: '1' },
	{ text: "哈哈2-1", id: '2' },
	{ text: "哈哈3-1", id: '3' },
	{ text: "哈哈4-1", id: '4' },
	{ text: "哈哈5-1", id: '5' },
])
const radioList3 = ref([
	{ text: "radio1", id: '1' },
	{ text: "radio12-1", id: '2' },
	{ text: "radio13-1", id: '3' },
	{ text: "radio14-1", id: '4' },
	{ text: "radio15-1", id: '5' },
])
const current = ref(0)
const swiperCurrent = ref(0)

const swiperHeight = ref('')
onShow(()=>{
	const sys = uni.getSystemInfoSync()
    swiperHeight.value = sys.windowHeight*2 - 86 - 110 + 'rpx' // 这里的86 是底部的tabber的高度 
})
function ChangeSwiper(e:object):void{
	const currentNumber = e.detail.current
	const valMap = {
		0:0,
		1:1,
		2:3,
		3:4
	}
	current.value = valMap[currentNumber]
}
</script>

### 报错信息
无报错信息

### 期望结果
![输入图片说明](https://foruda.gitee.com/images/1689503053920700539/801e0e0e_5125766.png "屏幕截图")

同名自定义/tmui design

内容风险标识

评论 (1)

同名自定义/tmui design .gitee-modal { width: 500px !important; }

内容风险标识