nvue模式下uni-data-checkbox出现两个复选框

HbuildX4.57

<template>
<view class="login">
<view style="flex-direction: row; align-items: center;width:200px;">
<uni-data-checkbox multiple v-model="remember" :localdata="remembers"></uni-data-checkbox>
</view>
<view style="flex-direction: row; align-items: center;width:200px;">
<uni-data-checkbox multiple mode="button" v-model="remember" :localdata="remembers"></uni-data-checkbox>
</view>
<view style="flex-direction: row; align-items: center;width:200px;">
<uni-data-checkbox multiple mode="tag" v-model="remember" :localdata="remembers"></uni-data-checkbox>
</view>
<view style="flex-direction: row; align-items: center;width:200px;">
<uni-data-checkbox multiple mode="list" v-model="remember" :localdata="remembers"></uni-data-checkbox>
</view>
<text>remember: {{remember}}</text>
</view>
</template>

<script setup lang="ts">
const remember = ref()
const remembers = ref([{text: '记住密码', value: 1}])
</script>

<style lang="scss" scoped>
.login {
align-items: center;
}
</style>

在mode为default、button、list页面会出现两个复选框，为tag的时候不会出现两个复选框，但是大的复选框都点不了，只有小的复选框和文字可以点，而且复选框和文字上下展示没并排展示