$ui/components/my-three-menu

3D菜单

Source:
Author:
  • 李国师 chester

Members

(inner) props

Source:
Properties:
Name Type Attributes Description
list Array <optional>

卡片列表
width string <optional>

画布宽
height string <optional>

画布高
itemWidth number <optional>

卡片宽
itemHeight number <optional>

卡片高
itemSpace number <optional>

卡片边距
defaultLayout string <optional>

默认布局
showTab boolean <optional>

显示菜单
play boolean <optional>

是否自动播放
playDuration number <optional>

播放等待时长(ms)
transformDuration number <optional>

变换时长(ms)
options object <optional>

布局配置

Properties
Name Type Attributes Description
camera object <optional>

摄像机配置

Properties
Name Type Attributes Description
deep number <optional>

默认摄像相机深度
minDistance number <optional>

最近摄像相机深度
maxDistance number <optional>

最远摄像相机深度
minZoom number <optional>

最小缩放
maxZoom number <optional>

最大缩放
minPolarAngle number <optional>

垂直最小旋转角度
maxPolarAngle number <optional>

垂直最大旋转角度
minAzimuthAngle number <optional>

水平最小旋转角度
maxAzimuthAngle number <optional>

水平最大旋转角度
enableZoom boolean <optional>

是否可缩放
enableRotate boolean <optional>

是否可旋转
enablePan boolean <optional>

是否可鼠标右键拖动
table object <optional>

表格布局配置

Properties
Name Type Attributes Description
x number <optional>

x偏移
y number <optional>

y偏移
column number <optional>

列数
sphere object <optional>

圆球布局配置

Properties
Name Type Attributes Description
radius number <optional>

圆球半径
x number <optional>

圆球x偏移
y number <optional>

圆球y偏移
helix object <optional>

圆柱布局配置

Properties
Name Type Attributes Description
x number <optional>

圆柱x偏移
y number <optional>

圆柱y偏移
radius number <optional>

圆柱半径
dy number <optional>

圆柱卡片高度差
grid object <optional>

网格布局配置

Properties
Name Type Attributes Description
x number <optional>

网格x偏移
y number <optional>

网格y偏移
row number <optional>

网格行数
column number <optional>

网格列数
layerSpace number <optional>

网格层距

属性参数

(inner) slots

Source:
Properties:
Name Type Description
default string

默认插槽，定义其它内容
item string

卡片插槽，定义其它内容

插槽