更新记录

1.0.0(2025-05-14) 下载此版本

1.0.0 发布3D 球体标签云组件


平台兼容性

Vue2 Vue3
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
  • 🛠 高度可定制 :样式、大小、速度均可配置

注意事项:

  1. 性能优化
  • 建议标签数量控制在 10-20 个以获得最佳性能
  • 图片建议使用 CDN 地址并预加载
  1. 平台差异
  • 在小程序平台,触摸事件可能有轻微延迟
  • App 端性能最佳,支持 60fps 流畅动画
  1. 依赖要求
  • 需要 Vue3+UniApp 环境
  • 支持 H5、微信小程序、App 平台

使用方法:

  1. 下载插件导入项目中;
  2. 在需要展示的页面按照下方使用该组件;
  3. 具体样式和需求等可以根据自身要求在源码进行调整;

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:有问题欢迎在评论区进行讨论~

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问