更新记录
1.0.4(2024-06-07) 下载此版本
1,添加可宽度可控制的参数 2,优化了自动叠加层的算法
1.0.3(2024-05-25) 下载此版本
- 优化了组件UI
- 添加定制了不同样式
1.0.2(2024-05-05) 下载此版本
- 添加了自定义样式 2.添加了更多属性
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | - | √ | √ | - | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | - | - | √ | √ | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
ff-partner
footer 参与者列表
组件名:ff-partner 代码块:
partner
partner 列表一般在活动详情页,购买页等页面使用,用于展示参与者列表的功能等,
安装方式
本组件符合easycom规范,HBuilderX 2.5.5起,只需将本组件导入项目,在页面template中即可直接使用,无需在页面中import和注册components。
如需通过npm方式使用uni-ui组件,另见文档:https://ext.dcloud.net.cn/plugin?id=55
基本用法
在 template 中使用组件
<view></view>
<ff-partner backgroud="#55aaff" :participants="ppts"></ff-partner>
<view style="text-align: center;width: 100%;">{{ppts.length}}个</view>
<ff-partner backgroud="#55aa7f" :participants="ppts"></ff-partner>
<view style="text-align: center;width: 100%;">{{participants.length}}个</view>
<ff-partner backgroud="#eaeaea" :participants="participants"></ff-partner>
<view style="font-weight: bold;padding: 10px;">ff-patner组件示例</view>
<view></view>
<ff-partner :participants="ppts"></ff-partner>
<ff-partner backgroud="#eaeaea" :participants="participants"></ff-partner>
<ff-partner :participants="activity.participants"></ff-partner>
API
propertis
prop 类型 Object
| 属性名称 | 说明 | 类型 | 参数 |
|---|---|---|---|
| size | 头像大小 | Number | 0 |
| max | 最大显示数量 | Number | 8 |
| participants | 参与者列表 | [Object] | |
| contentStyle | 内联样式 | Object | - |
| background | 背景颜色 | #ffffff | - |
| height | 按钮的高度 | String | |
| showName | 是否显示名称 | Bolean |
Badge Events
| 事件名 | 事件说明 | 返回参数 |
|---|---|---|
| @click | 点击 提交按钮 触发事件 | - |

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 369
赞赏 2
下载 10997832
赞赏 1800
赞赏
京公网安备:11010802035340号