uniapp组件-ui-list列表_uniapp列表组件

作者：Gausst松鼠会 | 2024-06-10 11:06:47

踩

uniapp列表组件

一、基本用法

二、显示图标或图片

三、右侧显示 switch/badge

四、使用插槽

官方示例：https://ext.dcloud.net.cn/plugin?id=24

列表组件可以在其中使用图标、略缩图或放置任何你想放的元素，使用场景如：导航菜单、列表、设置中心排版等

基于uni-list的聊天列表组件：https://blog.csdn.net/qq_40323256/article/details/114298122

一、基本用法

showArrow可以有展开的箭头符号。link不仅有展开的箭头符号，还有点击反馈效果

<template>
	<view>
		<uni-list>
			<uni-list-item title="列表文字" rightText="右侧文字" />
			<uni-list-item title="列表文字" note="列表描述信息" rightText="右侧文字" />
			<uni-list-item title="列表禁用状态" rightText="右侧文字" :disabled="tr1
2
3
4
5

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/698504