uniapp数字角标uni-badge使用

x_minqu

已于 2022-10-09 10:56:02 修改

阅读量2.5k

点赞数

文章标签： uni-app java 前端

于 2022-10-09 10:54:34 首次发布

本文链接：https://blog.csdn.net/m0_46483779/article/details/127222721

版权

<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进行显示，不然复制进去，不显示空白的