更新记录

1.0.0(2026-07-10) 下载此版本

  • 初始版本:词云布局、自定义颜色/密度、整体旋转、滚动抽取

平台兼容性

uni-app(4.0)

Vue2 Vue2插件版本 Vue3 Vue3插件版本 Chrome Chrome插件版本 Safari Safari插件版本 app-vue app-nvue Android Android插件版本 iOS 鸿蒙
1.0.0 1.0.0 1.0.0 1.0.0 - - 1.0.0 - -
微信小程序 微信小程序插件版本 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
1.0.0 - - - - - - - - - - -

zv-wordcloud

词云组件,只需传入字符串数组。词条均匀分布在球面上,默认像地球一样缓慢自转;手动加速后恢复常速。

基础用法

<zv-wordcloud
  ref="wordCloud"
  :words="['酸菜鱼', '火锅', '螺蛳粉']"
  height="680rpx"
  @roll-end="onRollEnd"
/>

<view @click="$refs.wordCloud.startRoll()">随机决定(加速旋转)</view>
<view @click="$refs.wordCloud.stopRoll()">停止(恢复慢速)</view>

球体旋转

  • 挂载后默认 缓慢自转normalRotateSpeed,默认 0.12°/帧)
  • startRoll() / startCloudRotate() → 切换为 快速旋转fastRotateSpeed,默认 2.2°/帧)
  • stopRoll() / stopCloudRotate() → 恢复 慢速自转(不会完全停转)

Props

属性 默认值 说明
words [] 字符串数组
colors 蓝/黑/灰 配色
density 72 球面显示词条数量(10-100)
globeRadius 42 球体半径视觉比例
tiltAngle 18 球体倾斜角,增强 3D 感
normalRotateSpeed 0.12 常态慢速
fastRotateSpeed 2.2 加速旋转
selectedColor #246BFF 选中高亮色

方法

方法 说明
startRoll() 加速旋转 + 滚动抽取
stopRoll(index?) 停止抽取 + 恢复慢速
startCloudRotate() 仅加速旋转
stopCloudRotate() 恢复慢速
setCloudRotate(angle) 设置当前角度
refresh() 重新随机分配词条

事件

roll-start · roll-change · roll-end · roll-stop · select · item-click · refresh · cloud-rotate-start · cloud-rotate-stop · cloud-rotate-change

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。