UI 组件库简介
另外 AntUI 前端组件库也是在基于原有 AntUI 无线 H5 样式库的样式下，完善过交互逻辑，抽象配置项后的组件库。主要有以下组成部分：@alipay/antui 样式库@alipay/antui-vue 基于上述样式库的组件库 相关链接 AntUI 无线 H5 样式库
标签层（v3.x版本）
icon 标签的图标样式。html 标签图标所在的URL地址。说明 自定义的任意字段支持html标签，可以配合字段映射一同使用。表 1.配置项说明 配置项 说明 受控模式 打开开关，资产 初始化状态下不请求数据，仅通过回调ID或蓝图编辑器配置的方法...
标签层（v3.x版本）
icon 标签的图标样式。html 标签图标所在的URL地址。数据项配置 说明 数据源 组件的数据源中通过 代码编辑 或 可视化编辑 展示了组件所包含的数据字段。也可以修改 数据类型，灵活配置组件数据。数据映射 当您需要自定义图表字段配置时，...
网站添加备案号FAQ
悬挂示例 经营性备案和非经营性备案的悬挂备案号要求不同。非经营性备案的悬挂备案号。主体备案编号的格式为 省份简称+ICP备+数字编码+号。网站备案编号则会在主体备案编号的基础上，增加主体下备案的网站顺序。示例如下所示。主体备案编号...
TCC 防悬挂与幂等接入
TCC 防悬挂的目的是为了防止空回滚，即二阶段回滚方法比一阶段 try 方法先执行。TCC 幂等控制的目的是保证同一个分布式事务内，TCC 参与者的一阶段 try 方法会且只会被执行一次。您可以根据以下步骤将 TCC 防悬挂与幂等配置在 TCC 参与者...
定制 H5 页面导航栏
在定制 H5 页面的导航栏样式前，您需要确保已经了解以下框架导航栏和 H5 容器相关知识。前置条件 iOS 定制导航栏 自定义 JSAPI 自定义插件 设置所有 H5 页面导航栏默认样式 在应用主题的基础上，若您需要指定所有 H5 页面统一的样式，可以...
样式
设备 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...
符号聚合层（v4.x版本）
图表样式 符号聚合层是基础平面地图 4.0的子组件，支持独立的样式和数据配置，包括符号的尺寸大小、颜色和标注等，能够以聚合符号的形式表现地理位置上的点的分布密度。样式面板 搜索配置：单击 样式 面板右上角的搜索配置项图标，可在搜索...
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 后需要加上...
符号聚合层（v3.x版本）
图表样式 符号聚合层是基础平面地图 3.0的子组件，支持独立的样式和数据配置，包括符号的尺寸大小、颜色和标注等，能够以聚合符号的形式表现地理位置上的点的分布密度。样式面板 搜索配置：单击 样式 面板右上角的搜索配置项图标，可在搜索...
按钮基本类
本文主要介绍按钮基本类的样式效果及其代码示例。AUButton 遵照新的 UED 需求完成，目前包含两种样式，与 APCommonUI 中的 APButton 不能完全互通。这两种样式不包括效果图中的警告类操作按钮。效果图 依赖 AUButton 的依赖如下：import...
轨迹线层（v4.x版本）
图表样式 轨迹线层是基础平面地图 4.0的子组件，支持独立的样式和数据配置，能够以一批轨迹点连线的形式表示人或物体移动的轨迹。样式面板 搜索配置：单击 样式 面板右上角的搜索配置项图标，可在搜索配置面板中输入您需要搜索的配置项名称...
区域热力层（v3.x版本）
本文介绍区域热力层的图表样式和各配置项的含义。图表样式 区域热力层是基础平面地图 3.0的子组件，支持独立的样式、数据和交互配置，包括区域的标注、颜色、边线、鼠标交互事件以及位置信息等，能够以热力区域的形式表现地理位置上的区域...
纵向标签页（VTabs）
作用域插槽 icon 自定义标题内图标样式 作用域插槽 样式类 VTabs 类名 说明 amd-vtabs 整体样式 amd-vtabs-bar 左侧标题区域样式 amd-vtabs-bar-scroll-view 左侧标题区域样式 amd-vtabs-bar-item-wrap 左侧标题样式 amd-vtabs-bar-item ...
自定义导航栏
自定义导航栏返回按钮 如果您要全局修改返回按钮样式，则需要在 H5 基类的 viewWillAppear 方法的 super 之中，修改当前页面 leftBarButtonItem 样式。可修改的样式包含以下内容，您可以参考下方代码段以获得更多指导。修改返回箭头和文案...
列表（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-...
导航栏
5、如果 VC 是在 UITabBarController 容器的首页，不要做上面第 4 步的处理，否则切换 tab 时有覆盖问题。设置默认的导航栏背景，默认设置背景色#ffffff，底部横线#e1e1e1*/-(void)setNavigationBarDefaultStyle;设置默认的导航栏标题样式*...
搜索框（SearchBar）
index.axml 的代码示例如下：<view><demo-block title="基础用法"background="#f5f5f5"padding="0">请输入内容"value="{{basicValue}}"onInput="handleBasicInput"onClear="handleBasicClear"/></demo-block><demo-block title="取消按钮常...
iOS 小程序自定义导航栏
自定义导航栏返回按钮 如果您要全局修改返回按钮样式，则需要在 H5 基类的 viewWillAppear 方法的 super 之中，修改当前页面 leftBarButtonItem 样式。可修改的样式包含以下内容，您可以参考下方代码段以获得更多指导。修改返回箭头和文案...
输入框（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 额外区域样式 代码示例 基本...
richtext
del 删除文本 a dozen is<del>20</del>12 pieces-h1 标题 1这是标题 1</h1>-h2 标题 2这是标题 2</h2>-h3 标题 3这是标题 3</h3>-h4 标题 4这是标题 4</h4>-h5 标题 5<h5>这是标题 5</h5>-h6 标题 6这是标题 6</h6>-i 斜体文本邮箱...
点聚合层（v2.x版本）
点聚合层是基础平面地图的子组件，支持独立的样式、数据和交互配置，包括聚合样式、默认散点图标样式、系列配置、弹框样式以及交互配置等，点聚合缩放到单个散点的时候，能够以散点的形式表现地理位置上的点数据信息。本文介绍点聚合层各...
门店管理
默认样式：没有选择样式的门店自动使用默认样式 样式一：适合有二级分类且商品较多的门店 样式二：适合没有二级分类且类目较少的门店 样式三：适合没有二级分类且类目较多的门店 样式四：适合没有二级分类且商品较少的门店
栏目导航
2.5、删除当前控件 选中全屏控件时，单击像废纸篓一样的图标按钮，可删除此控件。3.1、应用拓展：如何设置二级导航？方法一：在添加导航时，选择上级导航可添加指定导航下的二级导航。并可设置当前添加的二级导航。方法二：在添加完成后，...
H5客户端接入
本文详细介绍 H5页面 接入 网页端SDK 的方式及一键登录相关方法的说明。说明 在使用过程中如有疑问，可以 提交工单 联系阿里云技术工程师处理。SDK接入方式 下载SDK 登录 号码认证产品控制台，在 概览 页面右侧 API&SDK 区域，单击 立即...
图片处理
const result=await client.signatureUrl("exampledir/exampleobject.jpg",{ expires:3600,/yourCustomStyleName填写步骤1创建的图片样式名称。process:"style/yourCustomStyleName",});console.log(result);} catch(e){ console.log(e);} ...
Quick BI的查询控件中如何设置筛选器的样式和宽度
概述 本文描述了如何将Quick BI中查询控件的筛选项设置为平铺样式。详细信息 在图表设计-样式-字段样式中选择平铺的样式和修改筛选器的宽度为0.5。查看设置查询控件后的效果如下：适用于 Quick BI 查询控件 筛选器样式
Iframe
简介 Iframe用于嵌套外部网站，如...样式 宽高 宽度：百分占比、固定像素。高度：百分占比、固定像素、视口占比。间距 关于此部分属性的更多信息，请参见 样式。边框样式 条件可见性 条件可见性 关于此部分属性的更多信息，请参见条件可见性。
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）
当少于 5 个选项时，建议直接将选项平铺，使用 Radio。属性 type PickerColumnItem=string|number|{ label:string value:string|number } 属性 类型 必填 说明 默认值 value PickerColumnItem|(PickerColumnItem)[]否 选中数据-data ...
步骤条（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-...
常见问题
更改页面某个元素的样式 对于用户想修改参数配置中没有的元素样式，可以通过自定义覆盖CSS的方式，原来元素的CSS样式进行修改，完成自定义样式的需求。更改页面某个元素的文案 下载 JSON文件，按照自己想要的文案修改，在html中加载自己的...
创建大盘
报表样式如下：Top 数据源系列表格 Top 数据源系列表格支持单笔数据 Top 与分钟统计 Top 两种数据源的展现，下图为此类型表格样式。Top 数据源系列表格的配置页面上 Key 标题 指在大盘中数据源 列值分组 的列名，必填。如上图所示，Key ...
标签页（Tabs）
} else { this.setData({ tabs:[{ title:'选项一',subTitle:'描述文案',},{ title:'选项二',subTitle:'描述文案描述',},{ title:'选项三',subTitle:'描述',},{ title:'4 Tab',subTitle:'描述',showBadge:true,badge:1,},{ title:'5 Tab',...
大盘
报表样式如下：Top 数据源系列表格 Top 数据源系列表格支持单笔数据 Top 与分钟统计 Top 两种数据源的展现，下图为此类型表格样式。Top 数据源系列表格的配置页面上 Key 标题 指在大盘中数据源 列值分组 的列名，必填。如上图所示，Key ...
混合散点层（v2.x版本）
混合散点层支持独立的样式、数据和交互配置，包括混合散点层的散点样式、标注样式、弹框样式以及交互配置等。本文介绍混合散点层各配置项的含义。重要 当前为v2.x版本的混合散点层子组件指导文档，如需查看该子组件v1.x版本的文档内容详情...
盒子模型
蚂蚁动态卡片中的盒模型基于 CSS 盒模型，将所有元素表示为一个个矩形的盒子（box），其他样式决定这些盒子的大小、位置以及属性（例如颜色、背景、边框……）。盒模型描述了一个元素所占的控件，每个盒子有四个边界：外边距边界（margin ...
- 产品推荐
- 这些文档可能帮助您