uniapp数字角标uni-badge使用

<view class="my_list_con">
			<uni-list>
				<uni-list-item v-for="item in myList" :key="item.id" :title="item.title" :thumb="item.url"
					thumb-size="medium" link @click="navigateToClick(item.id)" >
					<!-- :show-badge="true" badge-text="1" badgeType="error" -->
					<template v-slot:footer>
						<uni-badge v-if="item.id > 2 " class="uni-badge-left-margin" text="7" />
					</template>
				</uni-list-item>
			</uni-list>
		</view>

开发的时候遇到了这个需求，需要把数字角标放在小括号的左边

使用uni-list-item时，需要用template进行显示，不然复制进去，不显示空白的