UI 组件库简介
另外 AntUI 前端组件库也是在基于原有 AntUI 无线 H5 样式库的样式下，完善过交互逻辑，抽象配置项后的组件库。主要有以下组成部分：@alipay/antui 样式库@alipay/antui-vue 基于上述样式库的组件库 相关链接 AntUI 无线 H5 样式库
标签层（v3.x版本）
icon 标签的图标样式。html 标签图标所在的URL地址。说明 自定义的任意字段支持html标签，可以配合字段映射一同使用。表 1.配置项说明 配置项 说明 受控模式 打开开关，资产 初始化状态下不请求数据，仅通过回调ID或蓝图编辑器配置的方法...
标签层（v3.x版本）
icon 标签的图标样式。html 标签图标所在的URL地址。数据项配置 说明 数据源 组件的数据源中通过 代码编辑 或 可视化编辑 展示了组件所包含的数据字段。也可以修改 数据类型，灵活配置组件数据。数据映射 当您需要自定义图表字段配置时，...
定制 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 ...
复选框组（CheckboxGroup）
footer 底部内容插槽 样式类 类名 说明 amd-checkbox-group 整体样式 amd-list-header 头部内容样式 amd-list-body 内部内容样式 amd-list-footer 底部内容样式 类名 说明 amd-checkbox-item 整体样式 amd-checkbox 原始 checkbox 整体样式...
自定义插件
如果您需要在某个时机完成某些事件，例如进入页面时记录埋点，那么您需要开发一个插件(Plugin)。插件订阅相应的事件后，就可以在 handler 中实现对事件所携带的数据进行加工处理。...观察 H5 页面自定义的导航栏样式是否生效。
- 产品推荐
- 这些文档可能帮助您