antv X6 Cell 父子节点问题

最新推荐文章于 2025-03-12 17:39:29 发布
最新推荐文章于 2025-03-12 17:39:29 发布
阅读量4.4k 收藏 3
点赞数 2
分类专栏： X6 文章标签： 散列表 数据结构
原文链接：https://antv-x6.gitee.io/zh/docs/api/model/node#%E9%93%BE%E6%8E%A5%E6%A1%A9-ports
版权
本文详细介绍了图形库中关于节点和边的操作，包括判断父子关系、遍历与过滤子节点、添加移除节点、属性操作等。核心方法如isParentOf、isChildOf用于检查节点间的包含关系，eachChild、filterChild则用于遍历和筛选子节点。此外，还涵盖了设置和获取属性、变更节点层级结构的相关函数，如getProp、setProp、removeProp等，以及如何获取和修改属性路径的值。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

sParentOf(...)

isParentOf(child: Cell | null): boolean

返回当前节点是否是指定 Cell 的父节点。

参数

名称类型必选默认值描述
childCell | null✓

isChildOf(...)

isChildOf(parent: Cell | null): boolean

返回当前节点/边是否是指定节点的的子节点/边。

参数

名称类型必选默认值描述
parentCell | null✓

eachChild(...)

eachChild(iterator: (child: Cell, index: number, children: Cell[]) => void, context?: any): this

参数

名称类型必选默认值描述
iterator(child: Cell, index: number, children: Cell[]) => void✓迭代器函数。
contextany迭代器函数的执行上下文。

遍历子节点。

filterChild(...)

filterChild(iterator: (child: Cell, index: number, children: Cell[]) => boolean, context?: any): Cell[]

过滤子节点。

参数

名称类型必选默认值描述
iterator(child: Cell, index: number, children: Cell[]) => boolean✓过滤器函数。
contextany过滤器函数的执行上下文。

返回值

返回满足过滤条件的子节点/边，或者空数组。

getChildCount()

getChildCount(): number

获取子节点/边的数量。

返回值

返回子节点/边的数量，当没有子节点/边时返回 0。

getChildIndex(...)

getChildIndex(child: Cell): number

获取子节点/边的索引。

参数

名称类型必选默认值描述
childCell✓

返回值

返回子节点/边的索引，当子节点不存在时返回 -1。

getChildAt(...)

getChildAt(index: number): Cell | null

获取指定索引位置的子节点/边。

参数

名称类型必选默认值描述
indexnumber✓索引位置。

返回值

返回指定索引位置的子节点，当该节点不存在子节点/边、索引越界、子节点不存在时返回 null。

getAncestors(...)

getAncestors(options?: { deep?: boolean }): Cell[]

获取所有祖先节点。

参数

名称类型必选默认值描述
options.deepbooleantrue默认递归获取所有祖先节点，设置为 false 时只返回当前节点/边的父节点。

返回值

返回祖先节点数组。

getDescendants(...)

getDescendants(options?: Cell.GetDescendantsOptions): Cell[]

获取所有子孙节点。

参数

名称类型必选默认值描述
options.deepbooleantrue默认递归获取所有子孙节点，设置为 false 时只返回当前节点孩子节点/边。
options.breadthFirstbooleanfalse默认使用深度优先算法，设置为 true 时使用广度优先搜索算法。

返回值

返回子孙节点/边的数组。

isDescendantOf(...)

isDescendantOf(ancestor: Cell | null, options?: { deep?: boolean }): boolean

返回当前节点/边是否是指定节点的子孙节点/边。

参数

名称类型必选默认值描述
ancestorCell | null✓指定节点。
options.deepbooleantrue默认递归判断指定节点的所有子孙节点/边，设置为 false 时只判断孩子节点/边。

isAncestorOf(...)

isAncestorOf(descendant: Cell | null, options?: { deep?: boolean }): boolean

返回当前节点是否是指定节点/边的祖先节点。

参数

名称类型必选默认值描述
descendantCell | null✓指定节点/边。
options.deepbooleantrue默认递归判断指定节点的所有子孙节点/边，设置为 false 时只判断孩子节点/边。

getCommonAncestor(...)

getCommonAncestor(...cells: (Cell | null | undefined)[]): Cell | null

参数

名称类型必选默认值描述
...cells(Cell | null | undefined)[]✓指定节点/边。

获取给定节点/边的共同祖先节点。

返回值

返回找到的共同祖先节点，否则没有共同祖先节点时返回 null。

addTo(...)

addTo(model: Model, options?: Cell.SetOptions): this
addTo(graph: Graph, options?: Cell.SetOptions): this
addTo(parent: Cell, options?: Cell.SetOptions): this

将当前节点/边添加到画布或指定的父节点。

insertTo(...)

insertTo(parent: Cell, index?: number, options?: Cell.SetOptions): this

将当前节点/边插入到指定父节点的指定位置。

参数

名称类型必选默认值描述
parentCell✓父节点。
indexnumber要插入的索引位置，缺省时插入到末尾。
options.silentbooleanfalse为 true 时不触发 'change:parent' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

addChild(...)

addChild(child: Cell, options?: Cell.SetOptions): this

将指定的节点/边添加到当前节点的子节点的末尾。

参数

名称类型必选默认值描述
childCell✓指定的节点/边。
options.silentbooleanfalse为 true 时不触发 'change:children' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

insertChild(...)

insertChild(child: Cell, index?: number, options?: Cell.SetOptions): this

将指定的节点/边添加到当前节点的子节点的指定位置。

参数

名称类型必选默认值描述
childCell✓指定的节点/边。
indexnumber要插入的索引位置，缺省时插入到末尾。
options.silentbooleanfalse为 true 时不触发 'change:children' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

embed(...)

embed(child: Cell, options?: Cell.SetOptions): this

将指定的节点/边嵌入到当前节点，即将指定的节点/边插入到当前节点的末尾。

参数

名称类型必选默认值描述
childCell✓指定的节点/边。
options.silentbooleanfalse为 true 时不触发 'change:children' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

unembed(...)

unembed(child: Cell, options?: Cell.SetOptions): this

将指定的节点/边从当前节点中移除。

参数

名称类型必选默认值描述
childCell✓指定的节点/边。
options.silentbooleanfalse为 true 时不触发 'change:children' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

removeFromParent(...)

removeFromParent(options?: Cell.RemoveOptions): this

将当前节点从父节点中移除。

参数

名称类型必选默认值描述
options.deepbooleantrue默认递归移除所有子节点/边，设置为 false 时只移除当前节点/边。
options.silentbooleanfalse为 true 时不触发 'change:children' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

removeChild(...)

removeChild(child: Cell, options?: Cell.RemoveOptions): Cell | null

移除指定的子节点/边。

参数

名称类型必选默认值描述
childCell✓指定的节点/边。
options.deepbooleantrue默认递归移除所有子节点/边，设置为 false 时只移除当前节点/边。
options.silentbooleanfalse为 true 时不触发 'change:children' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

返回值

返回被移除的节点/边。

removeChildAt(...)

removeChildAt(index: number, options?: Cell.RemoveOptions): Cell | null

移除指定索引位置的子节点/边。

名称类型必选默认值描述
indexnumber✓指定的索引位置。
options.deepbooleantrue默认递归移除所有子节点/边，设置为 false 时只移除当前节点/边。
options.silentbooleanfalse为 true 时不触发 'change:children' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

返回值

返回被移除的节点/边。

remove(...)

remove(options?: Cell.RemoveOptions): this

先将当前节点/边从父节点，然后将其从画布中移除。

节点和边的属性 Properties

上面介绍的 markup、attrs、zIndex、data 等基础选项，以及节点的 size、 position、angle、ports 等选项，还有边的 source、target、labels 等选项，还有创建节点/边时提供的那些额外的键值对，我们都称为属性(Property)。

const rect = new Shape.Rect({
  x: 30,
  y: 30,
  width: 100,
  height: 40,
  attrs: {...},
  data: {...},
  zIndex: 10,
  sale: {...},
  product: {
    id: '1234',
    name: 'apple',
    price: 3.99,
  },
})

例如，上面代码中的 attrs、data、zIndex 都是标准的属性，其中 x 和 y 是一对自定义选项，节点初始化时被转换为了 position 属性，同样 width 和 height 也是一对自定义选项，节点初始化时被转换为了 size 属性，最后剩余的 sale 和 product 两个对象是非标准的属性。

上面介绍了一些标准属性以及操作（get/set）这些标准属性的方法，下面再介绍几个比较通用的方法，这些方法对标准和非标准属性都适用。

getProp(...)

getProp<T>(key: string, defaultValue?: T): T

获取指定的属性值。

参数

名称类型必选默认值描述
keystring✓属性名称。
defaultValueTundefined默认值，当指定的属性不存在时返回该默认值。

用法

// 获取标准属性
const zIndex = rect.getProp<number>('zIndex')
const position = rect.getProp<{x: number; y: number}>('position')

// 获取非标准属性
const product = rect.getProp('product')

setProp(...)

/**
 * 设置指定的属性
 */
setProp(key: string, value: any, options?: Cell.SetOptions): this
/**
 * 批量设置属性，提供的属性与原属性进行深度 merge
 */
setProp(props: Partial<Properties>, options?: Cell.SetOptions): this

设置属性。

默认情况触发对应的 'change:xxx' 事件和画布重绘，当 options.silent 为 true 时不触发 'change:xxx' 事件和画布重绘。

参数

名称类型必选默认值描述
keystring✓属性名称。
valueany✓属性值。
propsPartial✓属性键值对，将与现有属性进行深度 merge。
options.silentbooleanfalse为 true 时不触发 'change:markup' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

用法

设置单个属性：

rect.setProp('size', { width: 100, height: 30 })
rect.setProp('zIndex', 10)

通过键值对设置多个属性，提供的键值对将与现有属性进行深度 merge：

rect.setProp({
  size: {
    width: 100, 
    height: 30, 
  },
  zIndex: 10,
})

当 options.silent 为 true 时，不触发对应的 'change:xxx' 事件和画布重绘：

rect.setProp('zIndex', 10, { silent: true })

在选项中支持其他自定义键值对，可以在事件回调用使用：

rect.setProp('zIndex', 10, { otherKey: 'otherValue', ... })

removeProp(...)

removeProp(path: string | string[], options?: Cell.SetOptions): this

删除指定路径的属性。

默认情况触发对应的 'change:xxx' 事件和画布重绘，当 options.silent 为 true 时不触发 'change:xxx' 事件和画布重绘。

参数

名称类型必选默认值描述
pathstring | string[]✓属性路径。
options.silentbooleanfalse为 true 时不触发 'change:markup' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

用法

删除单个属性：

rect.removeProp('zIndex')

删除指定路径的属性：

rect.removeProp('product/id')
// 或
rect.removeProp(['product', 'id'])

当 options.silent 为 true 时，不触发对应的 'change:xxx' 事件和画布重绘：

rect.removeProp('zIndex', { silent: true })

在选项中支持其他自定义键值对，可以在事件回调用使用：

rect.removeProp('zIndex', { otherKey: 'otherValue', ... })

getPropByPath(...)

getPropByPath<T>(path: string | string[]): T

获取指定路径的属性值。

参数

名称类型必选默认值描述
pathstring | string[]✓属性路径。
当 path 为 string 类型时，路径是以 '\' 分割的字符串。
当 path 为 string[] 类型时，路径是属性对象路径上的 Key 构成的数组。

用法

rect.getPropByPath('zIndex')
// 或
rect.getPropByPath(['zIndex'])

rect.getPropByPath('product/id')
// 或
rect.getPropByPath(['product', 'id'])

setPropByPath(...)

setPropByPath(path: string | string[], value: any, options?: Cell.SetByPathOptions): this

根据属性路径设置属性值。

默认情况触发对应的 'change:xxx' 事件和画布重绘，当 options.silent 为 true 时不触发 'change:xxx' 事件和画布重绘。

名称类型必选默认值描述
pathstring | string[]✓属性路径。
当 path 为 string 类型时，路径是以 '\' 分割的字符串。
当 path 为 string[] 类型时，路径是属性对象路径上的 Key 构成的数组。
valueany✓属性值。
options.rewritebooleanfalse默认与现路径上的现有属性进行深度 merge，设置为 true 时直接替换路径上的属性值。
options.silentbooleanfalse为 true 时不触发 'change:attrs' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

用法

默认情况触发对应的 'change:xxx' 事件和画布重绘：

rect.setPropByPath('zIndex', 10)
// 或
rect.setPropByPath(['zIndex'], 10)

rect.setPropByPath('product/price', 5.99)
// 或
rect.setPropByPath(['product', 'price'], 5.99)

当 options.silent 为 true 时不触发 'change:xxx' 事件和画布重绘：

rect.setPropByPath('zIndex', 10, { silent: true })
// 或
rect.setPropByPath(['zIndex'], 10, { silent: true })

rect.setPropByPath('product/price', 5.99, { silent: true })
// 或
rect.setPropByPath(['product', 'price'], 5.99, { silent: true })

默认与现路径上的现有属性进行深度 merge，当 options.rewrite 设置为 true 时直接替换路径上的属性值：

rect.setPropByPath(
  ['product'], 
  { id: '234', name: 'banana', price: 2.99 }, 
  { rewrite: true },
)

在选项中支持其他自定义键值对，可以在事件回调用使用：

rect.setPropByPath('zIndex', 10, { otherKey: 'otherValue', ... })

removePropByPath(...)

removePropByPath(path: string | string[], options?: Cell.SetOptions): this

删除指定路径的属性值。

参数

名称类型必选默认值描述
pathstring | string[]✓属性路径。
当 path 为 string 类型时，路径是以 '\' 分割的字符串。
当 path 为 string[] 类型时，路径是属性对象路径上的 Key 构成的数组。
options.silentbooleanfalse为 true 时不触发 'change:attrs' 事件和画布重绘。
options...othersobject其他自定义键值对，可以在事件回调中使用。

用法

默认情况触发对应的 'change:xxx' 事件和画布重绘：

rect.removePropByPath('zIndex')
// 或
rect.removePropByPath(['zIndex'])

rect.removePropByPath('product/price')
// 或
rect.removePropByPath(['product', 'price'])

当 options.silent 为 true 时不触发 'change:xxx' 事件和画布重绘：

rect.removePropByPath('zIndex', { silent: true })
// 或
rect.removePropByPath(['zIndex'], { silent: true })

rect.removePropByPath('product/price', { silent: true })
// 或
rect.removePropByPath(['product', 'price'], { silent: true })

在选项中支持其他自定义键值对，可以在事件回调用使用：

rect.removePropByPath('zIndex', { otherKey: 'otherValue', ... })

prop(...)

/**
 * 获取所有属性。
 */
prop(): Properties

/**
 * 获取指定路径的属性值。
 */
prop<T>(path: string | string[]): T

/**
 * 设置指定路径的属性值，与路径上的现有属性进行深度 merge。
 */
prop(path: string | string[], value: any, options?: Cell.SetOptions): this


/**
 * 设置属性，与现有属性进行深度 merge。
 */
prop(props: Partial<Properties>, options?: Cell.SetOptions): this

该方法是 getProp、setProp、getPropByPath、setPropByPath 和 removePropByPath 几个方法的整合，提供了上面四种函数签名，是一个非常实用的方法。

用法

获取属性：

rect.prop()
rect.prop('zIndex')
rect.prop('product/price')

设置属性：

rect.prop('zIndex', 10)
rect.prop('product/price', 5.99)
rect.prop({
  product: {
    id: '234',
    name: 'banana',
    price: 3.99,
  },
})

当 options.silent 为 true 时不触发 'change:xxx' 事件和画布重绘：

rect.prop('zIndex', 10, { silent: true })
// 或
rect.prop(['zIndex'], 10, { silent: true })

rect.prop('product/price', 5.99, { silent: true })
// 或
rect.prop(['product', 'price'], 5.99, { silent: true })

在选项中支持其他自定义键值对，可以在事件回调用使用：

rect.prop('zIndex', 10, { otherKey: 'otherValue', ... })

hasChanged(...)

hasChanged(key: string | undefined | null): boolean

返回指定的属性或所有属性是否已经改变。

参数

名称类型必选默认值描述
keystring | undefined | null属性名。缺省时表示检查所有属性。

用法

if (rect.hasChanged()) {
  // do something
}

if (rect.hasChanged('zIndex')) {
  // do something
}

previous(...)

previous<T>(name: string): T | undefined

当指定的属性发生改变后，获取改变前的属性值。

名称类型必选默认值描述
keystring✓属性名。

用法

if (rect.hasChanged('zIndex')) {
  const old = rect.previous('zIndex')
  // do something
}


 

「AntV」x6 节点换肤问题
qq_43156442的博客
01-18 1906
给后端，而这个截图的作用仅仅是列表展示使用，其它一无是处，但是换肤的时候得把这个截图换成浅色模式的截图，而且截图里面的节点也得是浅色模式的，问题到这里是不是觉得有点荒唐，是的，就是这么荒唐，此时截图已经生成保存在服务器上了，我要插上翅膀去改服务器上的资源吗？场景来源于系统换肤，我的系统有换肤这个功能，一个是深色模式，一个是浅色模式，不同的模式要显示不同风格的节点配置，比如浅色模式下edge的颜色要为黑色，节点的图标也要换成浅色模式的……我的业务场景：在保存模型的时候，前端会顺带着一个模型的。
antv/x6_2.0学习使用（三、内置节点和自定义节点）
bighead的博客
12-27 6540
渲染节点X6 默认内置HTML渲染能力html() {return div},})x: 60,y: 100,})节点更新在注册节点的时候，提供一个 effect，字段，是当前节点的 prop 数组，当 effect 包含的 prop 有变动时，会重新执行 html 方法，返回新的 dom，更新节点内容。return div},})可阅读官方文档自定义React节点自定义Vue节点自定义Angular节点。
antv/x6 多层嵌套下自动拓展父节点
bighead的博客
02-02 2068
自动扩展父节点自动扩展父节点。
介绍几种antvX6常用的方法或配置（使用数据渲染节点和连线、图像居中完整展示、节点不可移出画布、节点图片和标签变化）
wzy_PROTEIN的博客
03-01 6314
接本专栏的上一篇antv X6新手教程，补充一些新的需求实现，丰富巩固antv X6的使用。此篇是以上一篇为基础的，如有初学者可以看本专栏的上一篇。将编辑好的拓扑图展示在其他页面、根据节点数据来改变节点的图片和标签等
antv X6+vue3 自定义节点样式的写法和思路
最新发布
琳小的博客
03-12 795
节点内容区域（绘制矩形边框和文字填充）右上角的按钮区域（按钮是以绘制圆圈和字符构成）节点连接桩设置（节点连接桩设置，各为居中于上下左右的边上，初始化时为不显示，只在鼠标悬浮时才显示）// 注册自定义节点'node', // 节点名称width: 180, // 节点宽度height: 40, // 节点高度ports: { // 节点端口配置groups: {// 顶部端口配置top: {position: 'top', // 端口位置为顶部attrs: {circle: {
【Antv X6】画布中实现父节点可移动，子节点不移动
feifeiyechuan的博客
08-04 1699
【Antv X6】画布中实现父节点可移动，子节点不移动
【antV x6】群组中设置父节点可拖动，子节点不可拖动
michiko98的博客
09-15 6245
可以在全局配置interacting定制节点和边的交互行为 graph = new X6.Graph({ container : this.container, width : 800, height : 900, interacting: function (cellView) { if (cellView.cell.getData() != undefined && !cellView.cell.getData().disableMove) { ..
如何获取父节点，兄弟节点以及子节点然后遍历
qq_40603010的博客
09-08 1050
获取父节点，兄弟节点以及子节点然后遍历 存起来以后看方便 介绍下js获取节点的兄弟、父级与子元素的方法，学习下js遍历节点的操作方法，有需要的朋友参考下。 先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素。 复制代码代码示例: 原生的JS获取ID为test的元素下的子元素。可以用： 复制代码代码示例: var a = docuemnt.getElementBy
antv x6节点node
weixin_44213308的博客
04-19 4399
antv x6节点node
antv x6 开启画布平移功能，拖拽节点，节点被遮挡
K__moving的博客
03-10 2710
autoResize导致平移画布的时候 画布延长了，但是节点被遮挡。
Vue+Antv X6绘制流程图demo
07-05
在Vue项目中使用AntV X6组件库绘制流程图，需要实现以下需求： 需求1：左侧菜单中的模块可以拖拽进入画布中生成对应的流程图模块 需求2：流程图中的节点之间可以进行连线交互 需求3：点击对应的节点后可以进行操作...
antv x6 拖拽流程DEMO
04-26
ANTV X6拖拽流程。可自定义节点、设备，设计设备或节点的属性。 可自定义流程任何方向，可动态扩展。 后期开发可自定义任何功能。 参考官网DEMO地址：https://x6.antv.antgroup.com/examples 参考官网文档：...
antv x6 工艺路径 流程图 前端工厂工艺路径流程图绘制 源码 版本号： "@antv/x6": "^1.33.1",
10-11
AntV X6支持自定义节点、边、布局，以及强大的动画效果，这在绘制复杂的工厂工艺路径流程图时显得尤为关键。 在前端工厂工艺路径流程图的绘制中，AntV X6提供了强大的图形绘制能力。通过定义不同的节点类型，可以...
@antv/x6 嵌入结点到父节点中时，进行检测，查看当前节点是否是父结点，如果是父结点，不可以嵌入到父结点中，实现方法一。
花花鱼的专栏
10-03 759
@antv/x6 拖动节点到父节点时，进行节点类型的判断，并且禁止拖动到父节点（过滤源节点）。
AntV G6鼠标移入、单击、双击节点，获取节点信息
热门推荐
笑到世界都狼狈的博客
12-24 1万+
如下图所示，对节点常用的事件如下图所示： 主要代码： // 鼠标进入节点 this.graph.on('node:mouseenter', (e) => { const nodeItem = e.item // 获取鼠标进入的节点元素对象 console.log('鼠标移入', nodeItem._cfg) }) // 单击节点 this.graph.on('node:click', (e) => { const nodeItem = e.item // 获取被
antv X6 Node配置参考
ywyanimate的博客
05-24 8846
Node 阅读时间约 14 分钟 Node 是所有节点的基类，继承自Cell，并定义了节点的通用属性和方法。 constructor constructor(metadata?: Node.Metadata) 其中Node.Metadata是创建节点的选项，除了从 Cell继承的markup、attrs、zIndex等选项外，还支持以下选项。 选项 类型 默认值 必选 描述 size { width: number; height: number ...
@antv/x6 嵌入结点到父节点中时，进行检测，查看当前节点是否是父结点，如果是父结点，不可以嵌入到父结点中，实现方法二，利用validate方法自动验证来过滤子节点。
花花鱼的专栏
10-03 751
@antv/x6 嵌入结果，通过自带的validate方法来进行过滤拖动子节点的操作。
G6尝试 学习
csstmg的博客
07-28 709
代码】G6尝试学习。
x6实现节点新增编辑删除
weixin_44151849的博客
09-03 2031
【代码】x6实现节点新增编辑删除。
antv x6中vue节点高度自适应
10-10
在AntV X6中集成Vue，节点的高度自适应通常通过设置`height`属性并结合数据驱动的方式实现。X6提供了一个`VueComponent`组件，可以让你将普通的Vue单文件组件挂载到图中节点上。当你需要动态调整节点高度时，可以在...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值