实现动态样式

本文以 Tab列表 控制 数字翻牌器 组件样式更新为例,实现组件样式动态变化。效果展示 操作步骤 登录 DataV控制台。选择任一数据看板,单击 编辑,进入画布编辑器页面。添加 Tab列表 组件和 数字翻牌器 组件到画布中。选择 Tab列表 组件,...

实现动态样式

本文以 Tab列表 控制 数字翻牌器 组件样式更新为例,实现组件样式动态变化。效果展示 操作步骤 登录 DataV控制台。选择任一可视化应用,单击编辑,进入画布编辑器页面。添加 Tab列表 组件和 数字翻牌器 组件到画布中。选择 Tab列表 组件...

概述

欢乐砸金蛋模板在年会或团建抽奖场景时,包含多个交互功能:当单击大屏中某个金蛋时,刷新金蛋动态样式初始状态,并展示金蛋碎裂动画。当单击大屏某个金蛋时,显示全屏半透明遮挡层。当单击金蛋且播放金蛋碎裂动画两秒后,大屏显示对应金蛋...

概述

欢乐砸金蛋模板在年会或团建抽奖场景时,包含多个交互功能:当单击大屏中某个金蛋时,刷新金蛋动态样式初始状态,并展示金蛋碎裂动画。当单击大屏某个金蛋时,显示全屏半透明遮挡层。当单击金蛋且播放金蛋碎裂动画两秒后,大屏显示对应金蛋...

配置蓝图交互

背景信息 欢乐砸金蛋模板在年会或团建抽奖场景时,包含多个交互功能:当单击大屏中某个金蛋时,刷新金蛋动态样式初始状态,并展示金蛋碎裂动画。当单击大屏某个金蛋时,显示全屏半透明遮挡层。当单击金蛋且播放金蛋碎裂动画两秒后,大屏...

配置蓝图交互

背景信息 欢乐砸金蛋模板在年会或团建抽奖场景时,包含多个交互功能:当单击大屏中某个金蛋时,刷新金蛋动态样式初始状态,并展示金蛋碎裂动画。当单击大屏某个金蛋时,显示全屏半透明遮挡层。当单击金蛋且播放金蛋碎裂动画两秒后,大屏...

ACSS 语法参考

style 属性 用于接收动态样式,样式在运行时会进行解析。class 属性 用于接收静态样式,属性值是样式规则中类选择器名(样式类名)的集合,样式类名不需要带上.,多个以空格分隔。静态样式统一写到 class 中,避免将静态样式写进 style...

动态轨迹层(v3.x版本)

图表样式 动态轨迹层是3D平面地图(v3.x版本)的子组件,支持独立的样式和数据配置,能够以两点之间的水平连线的形式表示人或物体移动的轨迹。配置面板 搜索配置:单击 配置 面板右上角的 搜索配置,可在 搜索配置 面板中输入您需要搜索的...

动态轨迹层(v3.x版本)

图表样式 动态轨迹层是3D平面地图(v3.x版本)的子组件,支持独立的样式和数据配置,能够以两点之间的水平连线的形式表示人或物体移动的轨迹。样式面板 搜索配置:单击 样式 面板右上角的搜索配置项图标,可在搜索配置面板中输入您需要搜索...

动态条形图

本文为您介绍如何为动态条形图添加数据并配置样式。前提条件 已创建仪表板,请参见 新建仪表板。图表概述 使用场景 多用于一段时间的数据变化,并用播放的形式展现对比;例如:一段时间内TOP销售排名变化。优势简介 可视化效果:可基于时间...

布局

本文对蚂蚁动态卡片中的布局样式进行说明。Flexbox 卡片的布局模型基于 CSS Flexbox,是一种一维的布局模型,使所有页面元素的排版能够一致可预测,同时布局能适应各种设备或者屏幕尺寸。Flex 容器 卡片中,Flexbox 是唯一的布局模型,需...

样式

style 接收动态样式样式在运行时会进行解析。请尽量避免将静态的样式写进 style 中,以免影响渲染速度。class 属性:用于指定样式规则,属性值是样式规则中类选择器名(样式类名)的集合,样式类名不需要带点(.),类名之间用空格...

2023年

迭代动态记录样式问题修复 版本关联测试计划卡片样式问题修复 变更类型 描述 发布时间 功能 支持版本管理,详见 版本管理。迭代支持批量操作(批量导出、批量移出迭代、批量删除等操作)。自动化规则通知支持工作项自定义角色的选择。支持...

图片样式

重要 使用样式处理动态图片(如GIF格式的图片),需要在样式中加入格式转换参数/format,gif,否则可能会导致动态图片在处理后变为静态图。使用图片处理URL 您可以直接将图片样式添加到图片的访问URL上,格式为 http(s)/:BucketName....

蓝图编辑器常见案例教学

{"counter":{"numbers":{"textStyle":{"color":"#18F8B8"/将要修改的数据颜色 } } } }:{"counter":{"numbers":{"textStyle":{"color":"#00C0FF"} } } } 如果您想查看 动态控制组件样式 的详细方法,请参见:如何动态控制组件样式。...

扫描线层

图表样式 扫描线层是3D地球的子组件,支持独立的样式配置,包括扫描线的半径、扫描速度和贴图以及位置等,能够通过循环扫描动画贴图来模拟扫描线的动态效果。样式面板 搜索配置:单击 样式 面板右上角的搜索配置项图标,可在搜索配置面板中...

天空盒层

{"animationDuration":1000 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

环境光层

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

大气层

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

平行光层

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

动态轮播容器

样式 锚点样式 圆点 横线 宽度 动态轮播容器组件宽度高度和间距样式属于页面组件通用属性,关于此部分属性的更多信息,请参见 样式。高度 间距 数据 绑定实体数据 动态轮播容器组件需要配置数据源,通过将其绑定一组数据实体对象来驱动备...

高德底图层(v3.x版本)

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

边框

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

高德底图层(v4.x版本)

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

球体层

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

动态轨迹层

动态轨迹层图层支持独立的样式和数据配置,包括动态轨迹层是否动效、显示头部、叠加模式、飞线速度、飞线长宽和颜色等参数。本文介绍动态轨迹层配置项的含义。在场景编辑器左侧图层列表中,单击 动态轨迹层 图层,进入配置面板配置 动态...

色块

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

中国国家边界(v4.x版本)

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

装饰

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

动态轨迹层

动态轨迹层图层支持独立的样式和数据配置,包括动态轨迹层是否动效、显示头部、叠加模式、飞线速度、飞线长宽和颜色等参数。本文介绍动态轨迹层配置项的含义。在场景编辑器左侧图层列表中,单击 动态轨迹层 图层,进入配置面板配置 动态...

动态轨迹层

动态轨迹层图层支持独立的样式和数据配置,包括动态轨迹层是否动效、显示头部、叠加模式、飞线速度、飞线长宽和颜色等参数。本文介绍动态轨迹层配置项的含义。在场景编辑器左侧图层列表中,单击 动态轨迹层 图层,进入配置面板配置 动态...

od飞线层(v3.x版本)

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

中国国家边界(v3.x版本)

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

地图容器(v3.x版本)

发光效果 设置动态装饰材质的发光贴图的颜色、可选四种类型的贴图样式、贴图强度值。单击 图标控制发光贴图的显隐。背景网格:单击 图标控制背景网格的显隐。参数 说明 底部高度比 拖动滑块,调整底部高度比例值,默认值为0,取值范围0.01~...

地图容器(v3.x版本)

发光效果 设置动态装饰材质的发光效果的颜色、可选四种类型的贴图样式、贴图强度值。单击 图标控制发光贴图的显隐。背景网格:单击 图标控制背景网格的显隐。参数 说明 底部高度比 拖动滑块,调整底部高度比例值,默认值为0,取值范围0.01~...

弧线层

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

时间选择器

图表样式 时间选择器是控件组件的一种,支持自定义日历的背景颜色、日历的日期时间样式以及时间格式类型等,可以根据时间查询并动态展示其他组件的数据。样式面板 搜索配置:单击 样式 面板右上角的搜索配置项图标,可在搜索配置面板中输入...

二维图标层(v3.x版本)

animationEasing":""/动画曲线 } 更新组件配置 动态更新组件的样式配置。需要先在组件的 样式 面板中,单击 复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

样式语法

上文示例 动态绑定 class 组件的 CSS 样式,可以动态绑定不同的选择器(selector)。媒体查询@media 模板模式中引入 CSS 规范内的媒体查询能力,主要用于处理移动端 UI 适配相关工作。相对于 ...
共有200条 < 1 2 3 4 ... 200 >
跳转至: GO
产品推荐
云服务器 安全管家服务 安全中心
这些文档可能帮助您
弹性公网IP 云数据库 ClickHouse 短信服务 人工智能平台 PAI 金融分布式架构 对象存储
新人特惠 爆款特惠 最新活动 免费试用