更新记录
1.0.0(2025-05-14)
下载此版本
1.0.0 发布3D 球体标签云组件
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 |
× |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
3D 标签云组件
一款基于 UniApp 的 3D 球体标签云组件,支持触摸交互、动态旋转和点击事件。适用于展示社区动态、用户标签、热门话题等内容,为您的应用增添科技感和交互体验
功能特性:
- 🌟 3D 球体展示 :标签以 3D 球体形式排列展示
- 🖐 触摸交互 :支持手指触摸旋转球体
- 🎯 智能层级 :自动处理标签层级关系
- 💫 平滑动画 :60fps 流畅动画效果
- 📱 多端适配 :完美兼容 H5、小程序和 App
- 🛠 高度可定制 :样式、大小、速度均可配置
注意事项:
- 性能优化 :
- 建议标签数量控制在 10-20 个以获得最佳性能
- 图片建议使用 CDN 地址并预加载
- 平台差异 :
- 在小程序平台,触摸事件可能有轻微延迟
- App 端性能最佳,支持 60fps 流畅动画
- 依赖要求 :
- 需要 Vue3+UniApp 环境
- 支持 H5、微信小程序、App 平台
使用方法:
- 下载插件导入项目中;
- 在需要展示的页面按照下方使用该组件;
- 具体样式和需求等可以根据自身要求在源码进行调整;
props:
属性 |
类型 |
默认值 |
描述 |
tagcloudList |
Array |
[] |
必填*,数据列表,数据格式可以参考示例项目 |
currentIndex |
number |
0 |
选填,当前展示标签索引 |
starShowTimerTag |
number |
0 |
选填,显示定时器标记 |
starClearTimerTag |
number |
0 |
选填,清除定时器标记 |
<view class="container">
<uu-3d-tagcloud :tagcloudList="tagcloudList"></uu-3d-tagcloud>
</view>
emit:
const emit = defineEmits(["handleItem"]); //点击标签触发事件,事件可在父组件自定义逻辑
tip:有问题欢迎在评论区进行讨论~