更新记录
1.0.1(2025-10-13)
下载此版本
修复数据必填问题
1.0.0(2025-10-13)
下载此版本
滚动卡片
平台兼容性
uni-app x(4.0)
Chrome |
Chrome插件版本 |
Safari |
Safari插件版本 |
Android |
Android插件版本 |
iOS |
iOS插件版本 |
鸿蒙 |
鸿蒙插件版本 |
微信小程序 |
微信小程序插件版本 |
4.0 |
1.0.0 |
4.0 |
1.0.0 |
5.0 |
1.0.0 |
12 |
1.0.0 |
√ |
1.0.0 |
√ |
1.0.0 |
其他
内容横向滚动卡片 rookie-rooll-card
同类型组件
1、个人信息页之头像布局组件
使用组件
<rookie-rooll-card :card-list="cardList" @handleAllClick="handleAllClick"
@handleCardClick="handleCardClick"></rookie-rooll-card>
import { CardItem } from '../../uni_modules/rookie-rooll-card/components/rookie-rooll-card/type';
props
属性名 |
类型 |
默认值 |
是否必填 |
参数说明 |
title |
String |
推荐内容 |
否 |
标题文字 |
viewAllText |
String |
全部 > |
否 |
查看全部按钮文字 |
showHeader |
Boolean |
true |
否 |
是否显示顶部标题区域 |
showMainTitle |
Boolean |
true |
否 |
是否显示主标题 |
showSubTitle |
Boolean |
true |
否 |
是否显示副标题 |
cardList |
CardItem[] |
[] |
否 |
内容列表 |
CardItem
type CardItem = {
image : string
mainTitle : string | null
subTitle : string | null
link : string | null
};
事件
方法名 |
类型 |
参数说明 |
handleAllClick |
()=>void |
标题点击全部按钮事件 |
handleCardClick |
(event:CardItem) =>void |
卡片点击事件 |