盒子模型
蚂蚁动态卡片中的盒模型基于 CSS 盒模型，将所有元素表示为一个个矩形的盒子（box），其他样式决定这些盒子的大小、位置以及属性（例如颜色、背景、边框……）。盒模型描述了一个元素所占的控件，每个盒子有四个边界：外边距边界（margin ...
色块
未配置滤镜 配置滤镜后 说明 滤镜配置示例为模糊函数的配置样式，更多配置请参见 CSS（层叠样式表）-filter。数据源面板 此组件不需要配置数据。高级面板 此组件没有交互事件。蓝图交互 单击页面左上角的 图标，进入 蓝图 页面。在 图层...
色块
配置滤镜后 说明 滤镜配置示例为模糊函数的配置样式，更多配置请参见 CSS（层叠样式表）-filter。数据面板 此组件不需要配置数据。交互面板 此组件没有交互事件。蓝图编辑器交互配置 在画布编辑器页面，右键单击组件，选择 导出到蓝图编辑...
DataV自定义组件开发介绍
为了避免可视化应用中组件样式污染，组件应尽量避免单独创建使用层叠样式表，建议您可以在主程序中通过JS来修改 dom 样式。在自定义开发组件时如何使用html？ 您可以在主程序中通过单独引入html文件或通过字符串模板来创建html标签。在...
级联选择器
边框样式：级联选择器边框的样式，默认样式下可以设置默认边框下的线粗细、线的可选类型、线颜色、边框圆角的角度值和边框的阴影颜色。文本样式：级联选择器中文本的样式。参数 说明 文本边距 级联选择器内显示文本距离左侧的边距。文字...
ACSS 语法参考
设备 rpx 换算 px（屏幕宽度/750）px 换算 rpx（750/屏幕宽度）iPhone5 1rpx=0.42px 1px=2.34rpx iPhone6 1rpx=0.5px 1px=2rpx iPhone6 Plus 1rpx=0.552px 1px=1.81rpx 样式导入 使用@import 语句可以导入外联样式表，@import 后需要加上...
样式
设备 rpx 换算 px（屏幕宽度/750）px 换算 rpx（750/屏幕宽度）iPhone5 1 rpx=0.42 px 1 px=2.34 rpx iPhone6 1 rpx=0.5 px 1 px=2 rpx iPhone6 Plus 1 rpx=0.552 px 1 px=1.81 rpx 样式导入：使用@import 语句可以导入外联样式表，@import...
样式语法
在模板模式下，页面样式相关 CSS 放置于<style></style>段内，<style></style>段内支持的样式由 通用样式 决定。模板模式<template></template>段内推荐通过 class 对样式进行设置，例如✅。CSS 样式 支持 class、id、type 选择器，不支持...
图形渲染控制器
参数配置 级联设置 开启时，遮罩组件的配置仅影响当前绑定的要素。关闭时，遮罩组件的配置会影响绑定要素及其层级结构下的所有要素（如果该要素没有添加或者激活遮罩组件）。描边样式 描边样式 默认值 说明 启用描边 true 启用或关闭描边...
检查器管理
遮罩组件 级联设置 单击 图标，控制当前属性的显隐状态。描边样式 启用描边 单击 图标，控制当前属性的显隐状态。强度 设置描边轮廓的强度，范围为0.0~25.0。外发光 设置描边轮廓的外发光强度，范围为0.0~25.0。前景描边 设置要素可见区域...
可视化编排页面
表单（输入组件）：拖拽上传、表单容器、文本输入框、下拉单选、下拉多选、数字输入框、数字范围、开关、日期、时间选择、日期范围、单选、多选、平铺明细、表格明细、文件上传、富文本输入框、级联单选、评分、级联多选、滑块、标签。...
模型查看器
渲染效果 模型的渲染效果样式，包括：阴影设置：设置模型的阴影样式，通过打开或关闭 发射阴影 和 接收阴影 的开关，控制模型的阴影效果样式。说明 发射阴影（cast shadow）表示对其他mesh投射阴影，接收阴影（receive shadow）表示显示...
模型查看器
渲染效果 模型的渲染效果样式，包括：阴影设置：设置模型的阴影样式，通过打开或关闭 发射阴影 和 接收阴影 的开关，控制模型的阴影效果样式。说明 发射阴影（cast shadow）表示对其他mesh投射阴影，接收阴影（receive shadow）表示显示...
地图组件
渲染效果 模型的渲染效果样式，包括：阴影设置：设置模型的阴影样式，通过打开或关闭 发射阴影 和 接收阴影 的开关，控制模型的阴影效果样式。说明 发射阴影（cast shadow）表示对其他mesh投射阴影，接收阴影（receive shadow）表示显示...
轮播标签层（v3.x版本）
图表样式 轮播标签层是基础平面地图 3.0的子组件，支持独立的样式、数据和交互配置，包括图标的尺寸形状样式、轮播效果样式等，能够以轮播图标的形式表现地理位置上标签信息。配置面板 搜索配置：单击 配置 面板右上角的 搜索配置，可在 ...
轮播标签层（v3.x版本）
图表样式 轮播标签层是基础平面地图 3.0的子组件，支持独立的样式、数据和交互配置，包括图标的尺寸形状样式、轮播效果样式等，能够以轮播图标的形式表现地理位置上标签信息。样式面板 搜索配置：单击 样式 面板右上角的搜索配置项图标，可...
天空盒层
本文介绍 天空盒层 的图表样式和各配置项的含义。图表样式 天空盒层是3D地球的子组件，支持独立的样式配置，包括盒子的大小、贴图效果等，能够展示三维立体盒模型及其贴图效果，使用户身临其境。配置面板 搜索配置：单击 配置 面板右上角的...
天空盒层
图表样式 天空盒层是3D地球的子组件，支持独立的样式配置，包括盒子的大小、贴图效果等，能够展示三维立体盒模型及其贴图效果，使用户身临其境。样式面板 搜索配置：单击 样式 面板右上角的搜索配置项图标，可在搜索配置面板中输入您需要...
通用标题
说明 标题名内容获取优先级是：数据源>样式。只有清空 数据源 面板中 value 字段内容后，才会显示 样式 面板中 标题名 的内容。文本样式 参数 说明 字体 标题文本的字体系列，默认为 微软雅黑。字号 标题文本的字体大小。字体颜色 标题文本...
区域热力层（v3.x版本）
图表样式 区域热力层是3D平面地图（v3.x版本）的子组件，支持独立的样式、数据和交互配置，包括区域的图形、标签和交互等信息，能够以热力区域的形式表现地理位置上的区域信息。样式面板 搜索配置：单击 样式 面板右上角的搜索配置项图标，...
背景
背景样式 指定一个元素的背景样式有以下几种方式：background-color，定义元素的背景颜色。属性 值类型 默认值 写法 background-color 色彩单位 transparent background-color:red;background-image，定义元素的背景图像。属性 值类型 默认...
区域热力层（v3.x版本）
图表样式 区域热力层是3D平面地图（v3.x版本）的子组件，支持独立的样式、数据和交互配置，包括区域的图形、标签和交互等信息，能够以热力区域的形式表现地理位置上的区域信息。配置面板 搜索配置：单击 配置 面板右上角的 搜索配置，可在 ...
地形
混合材质A 设置地形为混合A类型的材质样式，包括设置混合材质A的基础颜色、基础颜色贴图样式、粗糙度值、粗糙度贴图样式、金属度值、金属度贴图样式、法线贴图样式、环境遮蔽贴图强度值、环境遮蔽贴图样式、发光颜色和发光贴图样式。...
地形
混合材质A 设置地形为混合A类型的材质样式，包括设置混合材质A的基础颜色、基础颜色贴图样式、粗糙度值、粗糙度贴图样式、金属度值、金属度贴图样式、法线贴图样式、环境遮蔽贴图强度值、环境遮蔽贴图样式、发光颜色和发光贴图样式。...
官方组件
配置样式：选中按钮组件，在右侧面板中配置位置、大小、名称、按钮样式、填充、布局、阴影等。2.配置数据源：样式中有多个配置项支持配置数据源。3.配置交互动作 4.配置权限 选项卡 选项卡是一种切换可以控制多个组件的容器。在可视化应用...
Timeline配置说明
时间线主要包含轨道、素材、效果3种对象。更多时间线示例请参考 最佳实践。名称 类型 是否必填 描述 VideoTracks VideoTrack[]否，视频轨为空时，音频轨必须非空。视频轨列表。多个轨道的层叠顺序与数组元素顺序一致，如：数组的第一个元素...
呼吸气泡层（v3.x版本）
内容阴影：标签的内容阴影样式，包括设置阴影的颜色、阴影模糊值和阴影偏移度在x和y方向上的值，单击 内容阴影 左侧的 图标，可控制 内容阴影 的显隐。背景样式 设置呼吸气泡层内标签的背景样式参数，单击 背景样式 左侧的 图标，可控制 ...
活动对比控件
活动级联 日期级联（选填）当选项配置里活动选项的筛选方式为 单日 时，您可以配置 当前日期 和 对比日期 的日期级联。当选项配置里活动选项的筛选方式为 日范围 时，需要分别配置 当前开始时间 和 对比开始时间 的级联、当前结束时间 和 ...
单点柱状层（v3.x版本）
内容阴影：标签的内容阴影样式，包括设置阴影的颜色、阴影模糊值和阴影偏移度在x和y方向上的值，单击 内容阴影 左侧的 图标，可控制 内容阴影 的显隐。背景样式 设置单点柱状层内标签的背景样式参数，单击 背景样式 左侧的 图标，可控制 ...
店铺导购页
阴影：设置组件阴影效果开关，打开该开关，优惠券显示阴影效果。圆角：设置组件圆角效果开关，关闭该开关，优惠券呈直角显示效果。页面配置 页面配置用于配置页面基础设置。单击显示区页面最上方 页面标题 区域，在右侧 页面配置 中设置...
呼吸气泡层（v3.x版本）
内容阴影：标签的内容阴影样式，包括设置阴影的颜色、阴影模糊值和阴影偏移度在x和y方向上的值，单击 内容阴影 左侧的 图标，可控制 内容阴影 的显隐。背景样式 设置呼吸气泡层内标签的背景样式参数，单击 背景样式 左侧的 图标，可控制 ...
系统交易页
阴影：设置组件阴影效果开关，打开该开关，优惠券显示阴影效果。圆角：设置组件圆角效果开关，关闭该开关，优惠券呈直角显示效果。页面配置 页面配置用于配置页面基础设置。单击显示区页面最上方 页面标题 区域，在右侧 页面配置 中设置...
单点柱状层（v3.x版本）
内容阴影：标签的内容阴影样式，包括设置阴影的颜色、阴影模糊值和阴影偏移度在x和y方向上的值，单击 内容阴影 左侧的 图标，可控制 内容阴影 的显隐。背景样式 设置单点柱状层内标签的背景样式参数，单击 背景样式 左侧的 图标，可控制 ...
帧动画层（v3.x版本）
内容阴影：标签的内容阴影样式，包括设置阴影的颜色、阴影模糊值和阴影偏移度在x和y方向上的值，单击 内容阴影 左侧的 图标，可控制 内容阴影 的显隐。背景样式 设置帧动画层内标签的背景样式参数，单击 背景样式 左侧的 图标，可控制 背景...
帧动画层（v3.x版本）
内容阴影：标签的内容阴影样式，包括设置阴影的颜色、阴影模糊值和阴影偏移度在x和y方向上的值，单击 内容阴影 左侧的 图标，可控制 内容阴影 的显隐。背景样式 设置帧动画层内标签的背景样式参数，单击 背景样式 左侧的 图标，可控制 背景...
呼吸气泡层（v3.x版本）
内容阴影：标签的内容阴影样式，包括设置阴影的颜色、阴影模糊值和阴影偏移度在x和y方向上的值，单击 内容阴影 左侧的 图标，可控制 内容阴影 的显隐。背景样式 设置呼吸气泡层内标签的背景样式参数，单击 背景样式 左侧的 图标，可控制 ...
图标散点层（v3.x版本）
内容阴影：标签的内容阴影样式，包括设置阴影的颜色、阴影模糊值和阴影偏移度在x和y方向上的值，单击 内容阴影 左侧的 图标，可控制 内容阴影 的显隐。背景样式 设置图标散点层内标签的背景样式参数，单击 背景样式 左侧的 图标，可控制 ...
呼吸气泡层（v3.x版本）
内容阴影：标签的内容阴影样式，包括设置阴影的颜色、阴影模糊值和阴影偏移度在x和y方向上的值，单击 内容阴影 左侧的 图标，可控制 内容阴影 的显隐。背景样式 设置呼吸气泡层内标签的背景样式参数，单击 背景样式 左侧的 图标，可控制 ...
页面组件通用属性
边框样式 边框样式支持设置不显示、实线、虚线和圆点，设置非不显示样式时，还支持配置边框粗细（单位px）和边框颜色。属性设置器 使用说明/效果展示 无边框 添加实线边框 添加虚线边框 添加圆点边框 圆角 拖动圆点可以设置组件圆角（单位...
图标散点层（v3.x版本）
内容阴影：标签的内容阴影样式，包括设置阴影的颜色、阴影模糊值和阴影偏移度在x和y方向上的值，单击 内容阴影 左侧的 图标，可控制 内容阴影 的显隐。背景样式 设置图标散点层内标签的背景样式参数，单击 背景样式 左侧的 图标，可控制 ...
- 产品推荐
- 这些文档可能帮助您