更新记录
1.0.0(2025-10-13) 下载此版本
项目初始化
平台兼容性
uni-app x(4.18)
Chrome | Chrome插件版本 | Safari | Safari插件版本 | Android | Android插件版本 | iOS | iOS插件版本 | 鸿蒙 | 鸿蒙插件版本 | 微信小程序 | 微信小程序插件版本 |
---|---|---|---|---|---|---|---|---|---|---|---|
√ | 1.0.0 | √ | 1.0.0 | √ | 1.0.0 | √ | 1.0.0 | √ | 1.0.0 | √ | 1.0.0 |
个人信息页之头像布局组件
说明:如果想添加布局,可以在外使用其他标签包裹
同类型组件
1、内容滚动卡片
使用组件
<rookie-header :avatarUrl="'https://img.nblogs.cn/temp/criminal-fill.png'"
:rightArrowUrl="'https://img.nblogs.cn/temp/right-arrow.png'" :username="'rookie'"
:tags="tags"
:content-list="contentList"></rookie-header>
import { TagInfo } from '../../uni_modules/rookie-header/components/rookie-header/type';
props
属性名 | 类型 | 默认值 | 是否必填 | 参数说明 |
---|---|---|---|---|
avatarUrl | String | 是 | 头像地址 | |
rightArrowUrl | String | 是 | 向右箭头地址 | |
username | String | 是 | 用户名或者是其他ID | |
contentList | String[] | 否 | 第二行的数据列表,会根据数据遍历显示 | |
tags | TagInfo[] | 否 | 第三行的标签列表,会根据数据遍历显示 |
TagInfo
属性名 | 类型 | 默认值 | 是否必填 | 参数说明 |
---|---|---|---|---|
image | String | 否 | 显示的图片地址 | |
tagStyle | String | 否 | 标签的样式,用于设置背景色等 | |
tagImgStyle | String | 否 | 标签图片的样式,用于重置图片大小等 | |
text | String | 是 | 标签的文字 |
事件
方法名 | 类型 | 参数说明 |
---|---|---|
onArrowClick | ()=>void | 点击箭头向右的事件 |