更新记录
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