图片上传
属性配置 图片上传组件属性由以下部分组成：分类 参数 示例 说明 基础属性 支持上传的图片类型 图片上传组件支持设置图片上传的类型限制，多个用","分割，设置为空则不限制。最大图片大小(MB)图片上传组件支持设置图片上传的大小限制，设置...
开发和管理自定义组件
您可以通过自定义组件功能上传在线下开发的自定义组件，上传后的自定义组件可以在页面设计器中使用。本文介绍如何开发和管理自定义组件。开发自定义组件流程说明 开发自定义组件流程说明如下：环境要求 node 版本：14.20.X npm 版本：6.14....
概述
准备环境 本地开发测试 打包本地项目文件 上传组件压缩包和截图 编辑组件 发布与使用 公开组件包 将个人组件上传到组件包，公开到市场供其他客户使用。创建组件包 编辑组件包 发布与使用组件包$icmsDocProps={'productMethod':'created','...
图片
简介 图片组件支持展示IMAGE类型的资源。点击图片组件，可以实现调用逻辑流、提交表单或打开页面等操作。属性配置 图片组件属性由以下部分组成：分类 基础属性 示例 说明 基础属性 文件类型 图片组件支持绑定静态或动态的 IMAGE 类型数据源...
配置云虚拟主机的PHP和Zend扩展组件
将已准备的扩展组件上传到云虚拟主机的myfolder目录下。PHP扩展组件：以SourceGuardian（sg11）加密组件为例，其他PHP扩展组件的实现思路与本文介绍的方法基本相同。在本地主机上解压sg11加密组件安装包。选中解压后的sg11加密组件（例如...
业务组件开发
组件上传 通过智能搭建控制台的组件管理模块上传打包好的文件，并填写组件相关信息。React 组件 画布 React 组件开发脚手架适用于使用 React 技术栈开发的业务组件。注意 React 16 及以下版本的组件不能与 React 17 及以上版本共存，否则 ...
使用 mPaaS 插件
mPaaS 组件自动使用该图片进行加解密，无需额外操作。由于公有云环境已弃用该加密图片，故公有云用户可忽略本节内容。生成并使用加密图片 yw_1222.jpg 的详情如下。准备 加密图片与 APK 的签名文件有绑定关系。因此，需要准备 Portal 工程...
图片拼接
1.组件介绍 说明 必要前置组件：无 利用本组件可以图片拼接 2.输入项 说明 请参照可视化编辑器内组件面板中各输入项的帮助信息 3.输出项 说明 请参照可视化编辑器内组件面板中各输出项的帮助信息 4.组件使用示例 4.1.组件配置示例 在 拼接...
文件上传
简介 文件上传组件用于向后台上传相关业务逻辑文件资源。属性配置 文件上传组件属性由以下部分组成：分类 参数 示例 说明 基础属性 支持上传的文件类型 文件上传组件支持设置文件上传的类型限制，多个用","分割，设置为空则不限制。最大...
管理组件包
通过组件包管理功能，您可以将开发完成的组件上传至组件包中进行管理，并对特定人员进行授权，实现组件共享。新建组件包 登录 DataV控制台。在 我的资产 页面，在左侧列表中选择 我的组件包。在 我的组件包 页面，单击 新建组件包项目。在 ...
实现定点彩蛋
本文以 定时器 逻辑节点为主要节点，实现 单张图片 组件的定时彩蛋展示效果。效果展示 操作步骤 登录 DataV控制台。选择任一可视化应用，单击编辑，进入画布编辑器页面。添加3个 通用标题 组件和1个 单张图片 组件到画布中。单击单张图片...
生命周期
组件生命周期示意图如下：生命周期函数具体信息见下表：生命周期 参数 说明 最低版本 onInit 无 组件创建时触发 1.14.0 deriveDataFromProps nextProps 组件创建时和更新前触发 1.14.0 didMount 无 组件创建完毕时触发-didUpdate(prevProps...
实现定点彩蛋
本文以 定时器 逻辑节点为主要节点，实现 单张图片 组件的定时彩蛋展示效果。效果展示 操作步骤 登录 DataV控制台。选择任一数据看板，单击 编辑，进入画布编辑器页面。添加3个 通用标题 组件和1个 单张图片 组件到画布中。单击 单张图片 ...
管理组件包
通过组件包管理功能，您可以将开发完成的组件上传至组件包中进行管理，并对特定人员进行授权，实现组件共享。新建组件包 登录 DataV控制台。在 工作台 页面，单击 组件开发 模块下的 组件包。在 组件包开发 页面，单击 新建组件包。在 新建...
动态变量+自定义组件最佳实践
并为不同颜色的图片组件的可见属性绑定对颜色的自定义属性，如为红灯图片的组件的“组件可见”属性绑定“红灯”数据源；保存自定义组件。在页面中拖入该设备状态卡片自定义组件，自定义属性接收设备状态ot点位值，来控制显示的设备状态是...
上传组件压缩包和截图
完成本地组件开发和打包后，需要上传组件zip文件到IoT Studio进行打包构建。下文介绍组件项目包构建的具体操作。前提条件 已完成组件的项目文件打包。详细内容请参见 打包本地项目文件。操作步骤 在 组件开发 页面的左侧流程的 上传zip包 ...
功能发布记录
开通并使用网站加速服务 主机控制台提供了PHP和Zend扩展组件 开源的扩展组件上传至云虚拟主机时，通常需要先编译且对技术能力要求比较高，容易出现扩展组件无法上传使用的问题。云虚拟主机控制台提供了常用的PHP和Zend扩展组件供您选择，您...
组件使用
具体操作如下：添加图片 单击 图片，弹出图片组件窗口。单击 上传图片，在本地选择需要上传的图片源，图片上传后设置组件名称、缩放比例（尺寸）、位置，可在左侧区域进行效果预览，完成后单击 确定 保存即可。添加文字 单击 文字，弹出...
分隔符
属性配置 图片组件属性由以下部分组成：分类 样式 示例 说明 样式 线条类型 此配置项规定了分隔符组件显示的线条类型，可选择显示实线或者虚线。方向 此配置项规定了分隔符组件展示方向，可选择水平或垂直。粗细 分隔符配置支持设置分隔符...
组件概述
picker-view 嵌入页面的滚动选择器 picker 从底部弹起的滚动选择器 导航 名称 功能说明 navigator 页面链接 媒体组件 名称 功能说明 image 图片组件 video 视频组件 画布 名称 功能说明 canvas 画布 地图 名称 功能说明 map 地图组件 开放...
面包屑
属性配置 图片组件属性由以下部分组成：分类 参数 示例 说明 基础属性 自定义 面包屑组件允许开启自定义配置，用于配置面包项功能，详情请参见：面包项。样式 面包屑样式 此配置项规定了面包屑组件显示的间隔样式，可选择展示>或/。字色 ...
编辑组件
下文介绍如何在组件开发工作台编辑组件的图标、基本信息和操作文档。前提条件 已完成组件开发后的打包构建。详细内容请参见 上传组件压缩包和截图。步骤一：编辑组件图标 组件图标会显示在Web可视化开发的组件列表中，便于您使用的时候快速...
轮播图
图表样式 轮播图是媒体组件的一种，支持自定义轮播图片、轮播动画效果等，能够在可视化应用中展示多张图片轮流播放的效果。配置面板 搜索配置：单击 配置 面板右上角的 搜索配置，可在 搜索配置 面板中输入您需要搜索的配置项名称，快速...
模板制作
组件类型 组件说明 文本组件 静态文本，一般用于价签中不变文本内容的呈现 矩形组件 四边形，一般用于底色的渲染，支持圆角 椭圆组件 圆形，一般用于底色的渲染，支持椭圆和圆 图片组件 静态图片，一般用于价签中不变图片内容的呈现 线条...
查看服务和组件健康状态
无状态 无进程组件无健康状态，有进程组件在安装流程或手动停止后不进行健康检查，无需关注。未知 有进程组件无法获取服务组件健康检查项结果。如排查业务无问题，无需关注。查看服务健康检查状态 查看最新服务健康状态 进入集群服务页面。...
组件
例如：在某纵向分栏的某栏嵌套横向分栏，然后在横向分栏的某栏添加一个图片组件，则图层列表如下图所示。剪切：支持在同一应用下，跨页面粘贴剪切的组件。复制：支持在同一账号下，跨页面和跨应用粘贴复制的组件。通用样式 下图橙色框中为...
图片Base64编码
1.组件介绍 说明 必要前置组件：无 利用本组件可以实现图片Base64编码 2.输入项 说明 请参照可视化编辑器内组件面板中各输入项的帮助信息 3.输出项 说明 请参照可视化编辑器内组件面板中各输出项的帮助信息 4.组件使用示例 4.1.组件配置...
简介
图片上传 表单图片的输入交互组件，与图片类型字段绑定，适应于应用运行过程中的图片动态替换。文件上传 表单文件的输入交互组件，与文件类型字段绑定。文件下载 文件下载按钮，实现指定文件下载功能。视频播放器 实现静态和动态视频文件的...
文本域
属性配置 图片组件属性由以下部分组成：分类 参数 示例 说明 基础属性 只读 此配置项规定了文本域组件是否可编辑。提示文字 此配置项规定了文本域组件展示的提示文字。最大长度 此配置项规定了文本域组件可展示的最大字符长度。数字提示 此...
配置样式
number 1 0-1 填充 背景颜色 背景颜色 string '#FF8700' 渐进色 渐变颜色 string '#FFFFFF' 渐变类型 渐变类型 string""'linear.east' 'linear.south' 'linear.northeast' 'linear.southeast' 'radial' 背景图片 形状类、图片组件的背景...
开关
图片支持配置的数据源与图片组件相同，具体信息，请参见 图片。OFF状态 开关响应模式 仅组件数据源为 设备 时，该配置生效。手动修改开关状态，会下发指令给设备更新对应设备属性值。您可设置组件开关状态的更新模式：等待数据返回：等到...
添加和管理模板类型组件
单击 文件上传，上传组件模板文件。设置 组件名 和 编码，填写 组件描述。单击 保存。在 组件中心 页面，您可以查看所创建的模板类组件。编辑模板类型组件 在 应用组件 页面，单击目标模板类型组件名称或目标模板类型组件名称右侧 操作 列...
DataV封装ECharts功能介绍
配置完成后，您可以将组件上传发布，发布成功后，您可以在DataV控制台刷新页面搜索您发布的组件。说明 由于缓存现象，需要强刷新一下页面，然后再搜索您创建的组件名称。右键单击 测试组件，选择 导出到蓝图编辑器，将组件导出到蓝图编辑器...
使用IoT Studio开发监控大屏
如有需要，还可在页面上增加其他组件，如图片组件等，参见 基础组件使用说明。控制面板效果参考图如下。所有组件配置完成后，单击页面上方的 预览，预览和测试应用页面。在Web应用编辑器中，新建空白页面，配置属性数据曲线展示图。以配置...
资源管理（版本号）
将图片拖入到画布中，即创建了一个图片组件。2.在“素材”一栏中，点击管理资源，或者为页面、组件配置背景图片时点击“选择图片”，弹出资源库弹窗。3.点击“上传图片”按钮，可以上传图片，目前支持jpg,png,gif,svg格式。多选图片：素材...
使用IoT Studio开发监控大屏
如有需要，还可在页面上增加其他组件，如图片组件等，请参见 基础组件使用说明。控制面板效果参考图如下。所有组件配置完成后，单击页面上方的 预览，预览和测试应用页面。在Web应用编辑器中，新建空白页面，配置属性数据曲线展示图。以...
设计资源概述
常规方法与设计资源功能方法对比情况 常规方法：通常使用的是图片或者视频类资源，您可以通过在组件右侧 配置 面板中，上传本地资源或粘贴资源URL链接的方式上传所需资源。重要 这种资源使用方式需要您在本地进行管理数据看板所需要的所有...
设计资产概述
常规方法与设计资产功能方法对比情况 常规方法：通常使用的是图片或者视频类资产，您可以通过在组件右侧 配置 面板中，上传本地资产或粘贴资产URL链接的方式上传所需资产。注意 这种资产使用方式需要您在本地进行管理可视化应用所需要的...
创建组件
开发组件前，需先创建组件来定义组件名称、类型和功能特性描述，便于组件发布后引导开发者使用。本文介绍如何在组件开发工作台创建组件。新增组件 登录 物联网应用开发控制台，在页面左上角选择对应实例后，在左侧导航栏单击 应用开发。在 ...
流程控制-结束组件
结束组件用于链路末尾，表示后续不再接其他组件。除了单独为某条链路添加结束组件，您也可以通过画布右上角的 一键添加结束组件 按钮，为所有链路的末尾添加结束组件。结束组件无需进行具体配置。说明 发布前，每条链路末尾都必须有结束...
- 产品推荐
- 这些文档可能帮助您