更新记录

1.0.1（2025-03-28） 下载此版本

1、新增 成员关系树形图横屏旋转 2、优化 其他已知问题调整

1.0.0（2025-03-26） 下载此版本

V1.0.0 1、创建成员关系图 2、支持拖动、缩放 3、支持节点点击回调

平台兼容性

环境：Vue2

已知支持平台：H5、移动端APP（安卓IOS兼容）、微信小程序

使用示例

<view>
    <fg-tree :list="list"></fg-tree>
</view>

组件参数说明

list期望格式：

list: [
    {
        id: "1740017918265162",                 // id
        name: "杨耀祖",                          // 姓名
        relation: "始祖",                        // 关系
        isLife: false,                          // 是否建在
        spouse: [                               // 配偶信息
            {
                id: "174341726866254",
                name: "王巾帼",
                relation: "妻子",
                isLife: false,
            },
        ],
        children: [                             // 子级信息
            {
                id: "174012791856862",
                name: "杨大朗",
                relation: "长子",
                isLife: true,
                spouse: [
                    {
                        id: "174861626826224",
                        name: "刘爱花",
                        relation: "妻子",
                        isLife: true,
                    },
                ],
                children: [
                    {
                        id: "1744417268638412",
                        name: "杨小鱼",
                        relation: "长子",
                        isLife: true,
                        spouse: [
                            {
                                id: "174861121856224",
                                name: "何依依",
                                relation: "妻子",
                                isLife: true,
                            },
                        ],
                        children: [
                            {
                                id: "174341726886581",
                                name: "杨宗伟",
                                relation: "长子",
                                isLife: true,
                                spouse: [],
                                children: []
                            },
                        ]
                    },
                ],
            },{
                id: "174341726886571",
                name: "杨二郎",
                relation: "次子",
                isLife: true,
                spouse: [],
                children: []
            }
        ]
    }
]

更新日志

V1.0.1

1、成员关系图 横屏旋转

2、其他已知修复

V1.0.0

1、创建成员关系图

2、支持拖动、缩放

3、支持节点点击回调