更新记录
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 | 点击箭头向右的事件 |

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 54
赞赏 1
下载 11523265
赞赏 1813
赞赏
京公网安备:11010802035340号