数据预处理
我们内置的规则包括：去除 URL 链接；去除 emoji 表情符号；英文大写转小写；中文繁体转简体。可能平台目前没有您需要的预处理规则，暂时需要您自己在数据上传前进行处理，可以给我们反馈，我们会及时新增更多的预处理规则。预处理的原则是...
交叉透视表
超链接 设置表格的超链接配置样式，您可单击 控制超链接配置的显隐。文本色：设置文本颜色。字段设置：设置字段、跳转链接等。单击右侧的 或 图标，添加或删除一个超链接。单击 或 图标配置多个超链接的排列样式。单击 图标，即可复制当前...
UI 组件库简介
AntUI 前端组件库，是基于蚂蚁金服支付宝 App 视觉交互规范，以 Vue 为视图框架封装的一套组件库。...主要有以下组成部分：@alipay/antui 样式库@alipay/antui-vue 基于上述样式库的组件库 相关链接 AntUI 无线 H5 样式库
交叉透视表
本文介绍交叉透视表组件的图表样式和各配置项的含义。图表样式 交叉透视表是表格组件的一种，支持数据内容的自定义展示，能够将数据信息以表格的形式清晰地展示在可视化应用上。配置面板 搜索配置：单击 配置 面板右上角的 搜索配置，可在 ...
进度条表格
本文介绍 进度条表格 组件的图表样式和各配置项的含义。图表样式 进度条表格是由进度条和表格组成的组件，支持配置表格、表格列和翻页器的样式。配置面板 搜索配置：单击 配置 面板右上角的 搜索配置，可在 搜索配置 面板中输入您需要搜索...
进度条表格
超链接配置：设置表格的超链接配置样式，可单击 控制超链接配置的显隐。参数 说明 超链接字段名 超链接字段名称，需要在 数据源 面板中设置超链接 link 字段。对表格某一行设置超链接后，单击这一行内任意位置即可跳转到超链接。{"link":...
通用标题
图表样式 通用标题是信息组件的一种，支持自定义标题的内容、位置、颜色、超链接等，支持在数据看板中添加多个通用标题组件，展示数据看板中各个模块的标题。样式面板 搜索配置：单击 样式 面板右上角的搜索配置项图标，可在搜索配置面板中...
通用标题
图表样式 通用标题是文字组件的一种，支持自定义标题的内容、位置、颜色、超链接等，支持在可视化应用中添加多个通用标题组件，展示可视化应用和可视化应用中各个模块的标题。配置面板 搜索配置：单击 配置 面板右上角的 搜索配置，可在 ...
标签层（v3.x版本）
图表样式 标签层是3D平面地图（v3.x版本）的子组件，支持独立的样式、数据和交互配置，包括经纬度弹窗多种嵌入形式、CSS自定义弹窗样式和轮播/非轮播样式等。样式面板 搜索配置：单击 样式 面板右上角的搜索配置项图标，可在搜索配置面板中...
标签层（v3.x版本）
图表样式 标签层是3D平面地图（v3.x版本）的子组件，支持独立的样式、数据和交互配置，包括经纬度弹窗多种嵌入形式、CSS自定义弹窗样式和轮播/非轮播样式等。配置面板 搜索配置：单击 配置 面板右上角的 搜索配置，可在 搜索配置 面板中...
iframe
图表样式 iframe支持自定义配置iframe链接内容以及页面关闭按钮的样式配置，适用于将网页嵌入可视化应用中进行显示。样式面板 搜索配置：单击 样式 面板右上角的搜索配置项图标，可在搜索配置面板中输入您需要搜索的配置项名称，快速定位到...
面包屑
该组件用于应用页面的辅助导航。...面包屑样式 设置组件背景色，末尾链接和其余链接的文字样式。调整组件在页面中的最终位置。有关组件通用样式配置的更多信息，请参见 样式配置。单击页面右上方的 预览，预览和调试组件展示的数据和效果。
图表附录
富文本 富文本展示上不强依赖于维度和度量，支持用户自定义文本样式，包括：文字尺寸、字体、样式、颜色 列表样式 对齐方式 超链接 图片 清除样式 如果想将维度和度量值用于动态展示，可以将鼠标悬停在富文本工具栏最右侧的按钮上，点击...
样式
设备 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...
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 后需要加上...
定制 H5 页面导航栏
在定制 H5 页面的导航栏样式前，您需要确保已经了解以下框架导航栏和 H5 容器相关知识。前置条件 iOS 定制导航栏 自定义 JSAPI 自定义插件 设置所有 H5 页面导航栏默认样式 在应用主题的基础上，若您需要指定所有 H5 页面统一的样式，可以...
按钮基本类
本文主要介绍按钮基本类的样式效果及其代码示例。AUButton 遵照新的 UED 需求完成，目前包含两种样式，与 APCommonUI 中的 APButton 不能完全互通。这两种样式不包括效果图中的警告类操作按钮。效果图 依赖 AUButton 的依赖如下：import...
时钟
步骤二：配置样式 在右侧 样式 中，完成数据展示样式的配置。配置项 描述 展示格式 选择时钟组件展示的时间格式。可选：日期时间：显示为日期和具体时间，精确到秒。格式为：yyyy-MM-dd hh:mm:ss 时间：仅显示时间，格式为：hh:mm:ss 日期...
纵向标签页（VTabs）
作用域插槽 icon 自定义标题内图标样式 作用域插槽 样式类 VTabs 类名 说明 amd-vtabs 整体样式 amd-vtabs-bar 左侧标题区域样式 amd-vtabs-bar-scroll-view 左侧标题区域样式 amd-vtabs-bar-item-wrap 左侧标题样式 amd-vtabs-bar-item ...
列表（List）
触发此回调(e:Event)=>void 样式类 类名 说明 amd-list 整体样式 amd-list-header header 样式 amd-list-body 内部内容样式 amd-list-footer footer 样式 类名 说明 amd-list-item 整体样式 amd-list-item-line 内容样式 amd-list-item-...
输入框（Input）
layer-normal 左侧内容区域样式 amd-input-item-label 标签样式 amd-input-item-content Input 组件样式 amd-input-item-clear 清除图标区域样式 amd-input-item-clear-icon 清除图标样式 amd-input-item-extra 额外区域样式 代码示例 基本...
自定义导航栏
自定义导航栏返回按钮 如果您要全局修改返回按钮样式，则需要在 H5 基类的 viewWillAppear 方法的 super 之中，修改当前页面 leftBarButtonItem 样式。可修改的样式包含以下内容，您可以参考下方代码段以获得更多指导。修改返回箭头和文案...
搜索框（SearchBar）
index.axml 的代码示例如下：<view><demo-block title="基础用法"background="#f5f5f5"padding="0">请输入内容"value="{{basicValue}}"onInput="handleBasicInput"onClear="handleBasicClear"/></demo-block><demo-block title="取消按钮常...
时钟
步骤二：配置样式 在右侧 样式 页签中，完成数据展示样式的配置。配置项 描述 展示格式 选择时钟组件展示的时间格式。可选：日期时间：显示为日期和具体时间，精确到秒。格式为：yyyy-mm-dd hh:mm:ss 时间：仅显示时间。格式为：hh:mm:ss ...
导航栏
5、如果 VC 是在 UITabBarController 容器的首页，不要做上面第 4 步的处理，否则切换 tab 时有覆盖问题。设置默认的导航栏背景，默认设置背景色#ffffff，底部横线#e1e1e1*/-(void)setNavigationBarDefaultStyle;设置默认的导航栏标题样式*...
iOS 小程序自定义导航栏
自定义导航栏返回按钮 如果您要全局修改返回按钮样式，则需要在 H5 基类的 viewWillAppear 方法的 super 之中，修改当前页面 leftBarButtonItem 样式。可修改的样式包含以下内容，您可以参考下方代码段以获得更多指导。修改返回箭头和文案...
Quick BI的查询控件中如何设置筛选器的样式和宽度
概述 本文描述了如何将Quick BI中查询控件的筛选项设置为平铺样式。详细信息 在图表设计-样式-字段样式中选择平铺的样式和修改筛选器的宽度为0.5。查看设置查询控件后的效果如下：适用于 Quick BI 查询控件 筛选器样式
iOS 定制导航栏
为了统一所有页面的导航栏样式，要求 mPaaS 应用中，所有页面所在的 VC 都要继承 DTViewControler，包括 native 和 H5 页面。基于 mPaaS 框架创建的应用的默认主题，主白底黑字蓝按钮：定制应用主题 每个应用都会有自己的主题风格，根据...
弹窗（Modal）
default 弹窗内容 样式类 类名 说明 amd-modal 整体样式 amd-modal-content 弹窗主体内容样式 amd-modal-content-image 弹窗图片样式 amd-modal-content-image-medium 弹窗图片样式 amd-modal-content-image-large 弹窗图片样式 amd-modal-...
选择器（Picker）
说明 类型 default 文本区域标签名称 作用域插槽，接收选中的 value 参数 title 弹窗窗体标题名称-样式类 类名 说明 amd-picker 文本展示区域样式 amd-picker-placeholder placeholder 样式 amd-picker-popup 弹窗整体样式 amd-picker-...
标签页（Tabs）
} else { this.setData({ tabs:[{ title:'选项一',subTitle:'描述文案',},{ title:'选项二',subTitle:'描述文案描述',},{ title:'选项三',subTitle:'描述',},{ title:'4 Tab',subTitle:'描述',showBadge:true,badge:1,},{ title:'5 Tab',...
步骤条（Steps）
vertical 整体样式 类名 说明 amd-steps-item 整体样式 amd-steps-item-horizontal 整体样式 amd-steps-item-vertical 整体样式 amd-steps-item-line 步骤条样式 amd-steps-item-line-fail 错误步骤条样式 amd-steps-item-icon 图标样式 ...
选择组（Selector）
amd-selector-disabled 禁用状态下的整体样式 amd-selector-content 单个选项样式 amd-selector-item 单个选项样式 amd-selector-item-active 激活状态下单个样式 amd-selector-item-disabled 禁用状态下单个选项样式 amd-selector-item-...
对话框（Dialog）
amd-dialog-content 内容整体样式 amd-dialog-content-title 标题样式 amd-dialog-content-content 内容样式 amd-dialog-content-button-container 按钮区域样式 amd-dialog-content-button-container-vertical 按钮区域样式 amd-dialog-...
简介
有关图片样式的详情，请参见 图片样式。当存在多个图片处理参数时，OSS将按照参数顺序对图片进行处理。处理参数说明如下：图片处理 参数 说明 图片缩放 resize 将图片缩放至指定大小。图片水印 watermark 为图片添加图片或文字水印。自定义...
复选框组（CheckboxGroup）
footer 底部内容插槽 样式类 类名 说明 amd-checkbox-group 整体样式 amd-list-header 头部内容样式 amd-list-body 内部内容样式 amd-list-footer 底部内容样式 类名 说明 amd-checkbox-item 整体样式 amd-checkbox 原始 checkbox 整体样式...
盒子模型
蚂蚁动态卡片中的盒模型基于 CSS 盒模型，将所有元素表示为一个个矩形的盒子（box），其他样式决定这些盒子的大小、位置以及属性（例如颜色、背景、边框……）。盒模型描述了一个元素所占的控件，每个盒子有四个边界：外边距边界（margin ...
筛选卡（Filter）
amd-filter-bar-text 标题栏标题样式 amd-filter-bar-text-icon 标题栏 Icon 样式 amd-filter-items 选择面板样式 类名 说明 amd-filter-item 整体样式 amd-filter-item-content 内容样式 amd-filter-item-content-wrap 选择面板区域样式 ...
可勾选列表（Checklist）
item-content 可勾选列表内容样式 amd-checklist-item-text 可勾选列表内容标题样式 amd-checklist-item-image 可勾选列表内容图片样式 amd-checklist-item-text-description 可勾选列表内容描述样式 amd-checklist-item-check-icon 可勾选...
头像（Avatar）
className string 否-类名 样式类 类名 说明 amd-avatar 整体样式 amd-avatar-src 图片样式 amd-avatar-content 头像描述样式 amd-avatar-name name 样式 amd-avatar-desc desc 样式 代码示例 基本使用 index.axml 的代码示例如下：...
- 产品推荐
- 这些文档可能帮助您