容器（Container）
代码示例 基本使用 index.axml 的代码示例如下：<view class="demo-container"><container title="基础用法"image="{{imageUrl}}"icon="SetOutline"onIconTap="onIconTap">这是 container 自定义内容</view></container></view>index.js 的...
2.自定义组件说明
readme.md├─src│├─api│├─config.ts│├─index.scss│└─index.tsx├─test│├─index.test.jsx│└─setupTests.js└─tsconfig.json 比较重要的文件目录如下：src/api 依赖的 API 接口定义 src/index.tsx 实现代码 src/config....
标签（Tag）
primary 基本样式 amd-tag-success 成功样式 amd-tag-warn 警告样式 amd-tag-danger 危险样式 amd-tag-icon-container 图标区域样式 amd-tag-content 默认插槽内容样式 代码示例 基本使用 index.axml 的代码示例如下：<view><demo-block ...
协议（Terms）
比如：同意《用户授权协议》样式类 类名 说明 amd-terms 整体样式 amd-terms-fixed 整体样式 amd-terms-term term 区域样式 amd-terms-term-checkbox checkbox 组件样式 amd-terms-content 内容区域样式 代码示例 基本使用 index.axml 的...
步进器（Stepper）
amd-stepper-handler-disabled 禁用状态下+-图标区域样式 amd-stepper-handler-up-inner+-图标样式 amd-stepper-input-wrap 输入框区域样式 amd-stepper-input 输入框样式 代码示例 基本使用 index.axml 的代码示例如下：<view><demo-block...
通告栏（NoticeBar）
amd-notice-bar-operation-text 右侧操作区域文字样式 代码示例 基本使用 index.axml 的代码示例如下：<view><demo-block title="通告栏语义"padding="0"><notice type="default" showIcon>default</notice><white-space/>...
加载（Loading）
用于提示局部或页面在加载中。...代码示例 基本使用 index.axml 的代码示例如下：<view class="demo"><demo-block title="基础用法"padding="0"><loading type="mini"></loading></demo-block><demo-block title="主题色 Loading"padding="0">...
向导提示（Tips）
类名 说明 amd-tips 整体样式 amd-tips-wrap 内部样式 amd-tips-wrap-pseudo 表面内容区域样式 amd-tips-wrap-pseudo-content 表面内容区域样式 amd-tips-arrow 箭头样式 amd-tips-wrap-real 真实内容区域样式 代码示例 基本使用 index....
操作结果（Result）
类名 说明 amd-result 整体样式 amd-result-main 内容展示区域 amd-result-image icon 区域样式 amd-result-buttons 按钮区域样式 代码示例 基本使用 index.axml 的代码示例如下：<view class="demo"><demo-block padding="0"title="成功...
按钮（Button）
amd-button-loading-text 加载区域文字样式 amd-button-loading 加载动画样式 amd-button-wrap 加载区域右侧样式 amd-button-icon 图标样式 amd-button-text 按钮文字样式 amd-button-subtext 副标题样式 代码示例 基本使用 index.axml 的...
复选框（Checkbox）
checkbox-checked checkbox 选中样式 amd-checkbox-base 原始 checkbox 样式 amd-checkbox-fake checkbox 组件未选中样式 amd-checkbox-fake-custom 自定义图标时的样式 代码示例 基本使用 index.axml 的代码示例如下：<view class="demo">...
列表（List）
extra、brief 外内容样式 amd-list-item-content-main 主要内容样式 amd-list-item-image 左侧图片样式 amd-list-item-brief brief 样式 amd-list-item-extra extra 样式 amd-list-item-arrow 右侧 arrow 样式 代码示例 基本使用 index....
单选框（RadioGroup）
amd-radio-group-body radio-group 区域样式 amd-radio-group-footer 底部说明区域样式 RadioItem 类名 说明 amd-radio-item-wrap 整体样式 amd-radio-item-base radio 组件样式 amd-radio-item-fake 选中状态下 radio 组件样式 代码示例 ...
头像（Avatar）
className string 否-类名 样式类 类名 说明 amd-avatar 整体样式 amd-avatar-src 图片样式 amd-avatar-content 头像描述样式 amd-avatar-name name 样式 amd-avatar-desc desc 样式 代码示例 基本使用 index.axml 的代码示例如下：...
徽标（Badge）
CSS 色值 className string 否-类名 样式类 类名 说明 amd-badge 整体样式 amd-badge-inner-text 内部文本样式 amd-badge-text 文本样式 amd-badge-dot 红点样式 amd-badge-icon 图标样式 代码示例 基本使用 index.axml 的代码示例如下：...
纵向标签页（VTabs）
纵向选项卡，配合 VTabItem 使用。...amd-vtabs-content 右侧内容区域样式 amd-vtabs-content-slides 右侧单个内容区域样式 VTabItem 类名 说明 amd-vtabs-item 整体样式 代码示例 VTabs 的基本使用示例如下：index.axml 的代码示例如下：...
选择组（Selector）
amd-selector-item-subtext 副文本样式 amd-selector-item-badge-active 激活状态下徽标样式 代码示例 基本使用 index.axml 的代码示例如下：单选"value="11"items="{{items1}}"/>单选"value="2"desc="选项带有副标题"items="{{items2}}"/>...
复选框组（CheckboxGroup）
amd-checkbox-base 原始 checkbox 样式 amd-checkbox-fake 未选中 checkbox 样式 amd-checkbox-checked 选中 checkbox 样式 代码示例 基本使用 index.axml 的代码示例如下：基础用法"><checkbox-group uid="group1" onChange="handleChange" >...
输入框（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 额外区域样式 代码示例 基本...
可勾选列表（Checklist）
列表的勾选操作。在一组列表项中选择一个或多个...代码示例 基本使用 index.axml 的代码示例如下：简单布局-单选"padding="0"><checklist value="{{1}}" options="{{options_1}}" onChange="onChange" /></demo-block>复杂布局-多选"padding="0">...
弹窗（Modal）
title 弹窗标题样式 amd-modal-content-content 弹窗内容样式 amd-modal-buttons-container 弹窗按钮区域整体样式 amd-modal-buttons-addon 辅助按钮样式 amd-modal-close close 图标样式 代码示例 基本使用 index.axml 的代码示例如下：...
弹出层（Popup）
amd-popup-top 内容样式 amd-popup-bottom 内容样式 amd-popup-left 内容样式 amd-popup-right 内容样式 amd-popup-center 内容样式 amd-popup-close-container 关闭图标区域样式 amd-popup-close-container 关闭图标样式 代码示例 基本...
对话框（Dialog）
button-container-horizontal 按钮区域样式 amd-dialog-content-button 按钮样式 代码示例 基本使用 index.axml 的代码示例如下：<view><dialog content="人在天边月上明"buttonText="{{['我知道了']}}"visible="{{isNoBtnShow}}...
DataV智能主题&条件样式开发介绍
color","default":"yellow"} },"showInPanel":{"conditions":[[".rules.enabled","$eq",true]]} } } } } } } } } },在index.js文件中，在默认样式代码下书写验证逻辑。验证逻辑中将 color 和 backgroundColor 放到一个对象中获取条件样式...
折叠面板（Collapse）
avatar-content 头像描述样式 amd-avatar-name name 样式 amd-avatar-desc desc 样式 代码示例 基本使用 index.axml 的代码示例如下：<view><demo-block title="基础用法"padding="0">['item-0']}}"onChange="onChange"uid="collapse-0...
步骤条（Steps）
引导用户按照流程完成任务的导航条。...steps-item-text 文字区域样式 amd-steps-item-title 标题样式 amd-steps-item-desc 补充说明样式 代码示例 基本使用 index.axml 的代码示例如下：<view class="demo"><demo-block title="横向步骤条">...
筛选卡（Filter）
filter-item-btns 按钮区域样式 amd-filter-item-btns-button 重置/确定按钮样式 代码示例 基本使用 index.axml 的代码示例如下：<view><demo-block title="两项筛选"padding="0"><filter uid="filter-1" className="filter-1"><filter-item ...
滑动面板（FloatPanel）
swiper-footer 底部区域样式 amd-swiper-background 蒙层样式 代码示例 基础使用 index.axml 的代码示例如下：<view class="map"></view><view class="buttonWrapper"><switch class="button"onChange="handleToggleMask"inlineSize="small...
表单（Form）
高性能表单控件，自带数据...amd-form-item-field 字段样式 amd-form-item-extra 额外内容样式 amd-form-item-arrow 箭头样式 代码示例 基本使用 index.axml 的代码示例如下：<view class="demo"><demo-block title="水平布局表单"padding="0">...
气泡菜单（Popover）
amd-popover-item-text 文字样式 代码示例 基本使用 index.axml 的代码示例如下：<view><demo-block title="基础用法"><view class="wrap dark"><popover placement="bottom"visible="{{showDark}}"onVisibleChange="handleDarkVisibleChange...
滑动操作（SwipeAction）
action-right 右侧按钮区域样式 amd-swipe-action-btn 按钮样式 amd-swipe-action-btn-text 按钮文字样式 amd-swipe-action-content 表层区域样式 amd-swipe-action-item 表层区域内容样式 代码示例 基本使用 index.axml 的代码示例如下：...
快速创建函数
您可以在代码编辑器内编辑代码实现二次开发，然后需要单击 部署代码，代码部署成功后编辑的代码才会生效。本文以创建 事件函数 为例，代码示例如下：说明 当前示例代码支持一键部署，您可以直接在函数计算FC中一键部署本代码。start-fc3-...
配置实例生命周期
函数实例生命周期回调 查询回调函数相关日志 配置函数实例生命周期回调并执行代码实现对应的回调函数后，您可以查询实例生命周期回调函数的相关日志。登录 函数计算控制台，在左侧导航栏，单击 函数。在顶部菜单栏，选择地域，然后在 函数 ...
函数实例生命周期
函数实例生命周期回调 查询回调函数相关日志 配置函数实例生命周期回调并执行代码实现对应的回调函数后，您可以查询实例生命周期回调函数的相关日志。登录 函数计算控制台，在左侧导航栏，单击 服务及函数。在顶部菜单栏，选择地域，然后在...
快速创建函数
本文以 使用内置运行时创建 为例，代码示例如下：说明 您可以在代码编辑器内编辑代码实现二次开发，然后需要单击 部署代码，代码部署成功后编辑的代码才会生效。'use strict';exports.handler=(event,context,callback)=>{ console.log('...
教程：在线编辑模式下快速插入 echarts 代码
需要注意的是，"插入 echarts 代码"功能接收的是 echarts 的 option 配置变量，具体可以查看生成之后的代码，因此复制代码时，要看是否有 option={.} 这个变量（echarts 官网大多数示例代码都可以直接全选复制）.如果遇到不标准的情况，...
在 Visual Studio Code 中使用 Alibaba Cloud API ...
功能介绍 Alibaba Cloud API Toolkit 是一个轻量化的阿里云 API 工具，支持在 VS Code 中快速查阅阿里云产品的API，并提供 API 调试、生成和插入 SDK 示例代码等功能。阿里云产品订阅 Alibaba Cloud API Toolkit 插件提供了一键订阅阿里云...
流程配置
云效 Flow 流水线支持的步骤如下：步骤分类 步骤 静态扫描 安卓代码扫描 Cpp 代码扫描 Golang 代码扫描 Java 安全扫描 JavaScript 代码扫描 Java 代码规约扫描 PHP Metrics 静态扫描 源码漏洞检测 Python 代码安全扫描 Python 依赖安全扫描...
分享
此功能仅在 10.1.60 以及以上基线版本中支持，客户端需在原生代码中实现分享功能。onShareAppMessage 在 Page 中定义 onShareAppMessage 函数，设置该页面的分享信息。每个 Page 页面的右上角菜单中默认会显示 分享 按钮，重写了 ...
Node.js脚本
如果物联网应用开发（IoT Studio）平台提供的节点不能满足您的需求，您可以使用Node.js脚本节点，编写JavaScript代码来灵活定制功能逻辑。目前支持Node v6.10版本。编码说明 在业务逻辑编辑页面的 节点 中，选择对应功能节点配置业务流，...
- 产品推荐
- 这些文档可能帮助您