样式语法
main.vue<template><div class="root"><div class="div1":style="style"></div><div class="div2"style="width:100px;background-color:blue"></div></div></template>/mock.json {"style":{"height":"100px","backgroundColor":"red"} } ...
JS 能力
div class="root">()"></text></div></template><script>export default { data:{ message:'Hello Cube 1' },beforeCreate(){ this.message='Hello Cube 2' },didAppear(){ },methods:{/methods 内部是自定义 JS 的方法，外部是...
接入指南
DrawPano }=window.SailLib</script>2、初始化 准备容器 MarkTool 中包含 三维视图、二维视图、预览图、平面图，根据你的需要准备相应的div容器<body><div id="Pano"style={{ height:600,width:600 }}/><div id="Canvas"style={{ height:...
通用埋点类型
div data-seed="seedname"data-biztype="xxx"></div>如果业务需要额外的点击埋点信息，增加以 data-mtr-为前缀的属性，也会跟随 seed 埋入日志，实际埋入的扩展属性会去掉 data-mtr-的前缀。上报的 seed 为 seedname，扩展属性为 extra1=...
5.数据展示和修改
return(<div className="MobiPcComponentABC"><div>{`Hello MobiPcComponentABC~`}</div><div>{`字段名称:${props.aAttr?name},字段类型:${ props.aAttr?type } 字段数值:${attrValue.get()} `}</div>()} onChange={(e)=>{ attrValue.set(e...
2.自定义组件说明
interface Props {} const MobiPcComponentABC=(props:Props)=>{ return(<div className="MobiPcComponentABC"><div>{`Hello MobiPcComponentABC~这是一个最简单的组件`}</div></div>);};MobiPcComponentABC.config=config;export default ...
H5页面Demo体验
watch:function(status,data){},/配置选项 authPageOption:{ navText:"一键登录",subtitle:"",/副标题 btnText:"立即登录",agreeSymbol:"、",showCustomView:true,customView:{ element:'<div class="btn_box other"onclick="clickEvent()...
CDN的技术术语
DOCTYPE html> <html> <head>CORS Test</head> <body> <div id="img_Div"></div><script type="text/javascript">/XmlHttpRequest对象 function createXmlHttpRequest(){ if(window.ActiveXObject){/如果是IE浏览器 return new ActiveXObject(...
Input 输入框
label-width="6"placeholder="暗提示"clear></ListItemInput><ListItemInput label="优惠券有效期":label-width="6"value="永久可用"></ListItemInput></List></div></template><script type="text/javascript">export default { data(){ ...
接入预览组件Web SDK
div id="player-wrapper"style="height:500px"></div>/您可以根据需要改变 container 高度<script src="https://g.alicdn.com/thor-server/video-editing-websdk/4.10.2/player.js"></script><script>/调用 SDK 的代码放在这里...
Web端接入AVIF格式图片说明
如果不支持就会设置 div 的样式为 no-avif，背景图片设置为原图（其他格式备用图片也可以），具体代码如下所示：JS 代码 async function supportsAvif(){ if!this.createImageBitmap)return false const avifData='data:image/avif;base64,...
本地开发测试
配置属性作用的组件状态和形态 return(<div className={styles['container']} style={style}>{ boolstatus&<div className={styles['square']} style={{background:colorObjectToCss(searchBackgrund)}}></div>}</div>);} } export default...
rich-text
page.axml-><rich-text nodes = "{{nodes}}" onTap = " tap " ></rich-text>/page.js Page({ data:{ nodes:[{ name:'div',attrs:{ class:'test_div_class',style:'color:green;' },children:[{ type:'text',text:'Hello&World!This is a text node.'...
插件在手机模板不支持时解决方案
oculus_mobile.js:15 Uncaught TypeError:Cannot read property 'firstChild' of undefined(anonymous function)@oculus_mobile.js:15 登录页面hook点。打开 template/模板目录/touch/member/login.htm 。在登录的button前后添加<div class...
快速接入
js">方法二：以npm包的方式引入。npm install aliyun-rts-pusher-save import { AliRTSPusher } from 'aliyun-rts-pusher';初始化SDK。创建一个...
设置导航栏背景色
javascript:void(0)"class="btn title">设置导航栏背景色</a><a href="javascript:void(0)"class="btn reset">重置导航栏背景色</a><a href="javascript:void(0)"class="btn pushWindow">新开一个透明导航栏的窗口</a><a href=...
快速接入
js">方法二：以 npm 包的方式引入。npm install aliyun-rts-pusher-save import { AliRTSPusher } from 'aliyun-rts-pusher';初始化SDK。...
V2.2.X升级至V2.3.0
导播台要挂载的元素-><div id=""caster-root></div>!播放器脚本-><script src="https://g.alicdn.com/de/prismplayer/2.9.12/aliplayer-min.js">!云导播台 sdk 脚本-><script src="https://g.alicdn.com/cdn-fe/caster-next/2.3.0/index.js">...
接入指南
引入JS库 通过script进行集成开发<script src="https://g.alicdn.com/sail-lyj/alibaba-lyj-floor-plans-umd/0.0.1/bundle.js"></script><script>var { Palette }=MagicBrush;2.初始化 准备容器<style>#brush { position:absolute;...
WebOffice服务交互流程
}</style></head><body><script src="https://g.alicdn.com/IMM/office-js/1.1.15/aliyun-web-office-sdk.min.js"></script> <script src="https://g.alicdn.com/code/lib/axios/0.27.2/axios.min.js"></script> <div id="weboffice-zone"></...
组件
以下是一个简单的例子：<template><div>点击</AButton></div></template><style lang="less"rel="stylesheet/less">/*less*/</style><dependency component="{ AButton }"src="@alipay/antui-vue"lazy/><script type="text/javascript">...
音视频通话
}</style></head><body><div id="container"></div><script src="https://g.alicdn.com/cloudcallcenter/web-ccc-client-sdk/0.1.0/pc/index.js"></script><script>const CCCClientPCInstance=new window.CCCClientPC({ instanceId:'xxxx',}...
设置导航栏底部细线颜色
javascript:void(0)"class="btn title">设置导航栏底部细线颜色</a><br></div><script>function ready(callback){/如果 jsbridge 已经注入则直接调用 if(window.AlipayJSBridge){ callback&callback();} else {/如果没有注入则...
快速入门
实现原理 获取文档的协作地址和AccessToken后，无需指定iframe元素，JS文件会自动在自定块元素下生成iframe，并通过JS文件设置AccessToken实现文档预览和编辑。注意事项 文档在线协作（编辑）和文档预览的接入方式以及前端使用的JS-SDK均...
接入人声克隆基础版Web SDK
div id="app"></div>/您可以根据需要改变 container 高度初始化Web SDK。展开查看示例代码 const ttsFactory=window.AliyunTTSFactory.init({ container:container,api:{ createVoiceId:async(params)=>{ const res=await request('...
文件增值服务
iframe mounted 元素-><div id="preview-div"></div>(2)主要逻辑 调用 getOfficePreviewUrl 接口获取 access_token 和 preview_url/获取协作地址和AccessToken。var tokenInfo=await client.getOfficePreviewUrl({ drive_id:'1',file_id:'...
快速入门
获取文档的预览地址和AccessToken后，无需指定iframe元素，JS文件会自动在自定块元素下生成iframe，并通过JS文件设置AccessToken即可快捷的实现文档预览。文档预览时支持自定义配置，包括组件状态、事件、文字相关、表格相关等配置。重要 ...
ADialog 弹窗
dialog-send-img"><img src="https://zos.alipayobjects.com/rmsportal/hkzwYezdQOqZfseGofgP.png" width="45px" height="29px"></div>已发送</p></ADialog></template><script type="text/javascript">import Toast from './././lib/toast';...
keyframe 动画
示例代码如下：<template><div class="card_root"><div class="white_bg"@click="clickAnimation()"><div class="right_content_div">点击悬浮水滴执行动画"></text><div class="image_tip">;base64,iVBORw0...
文件增值服务
iframe mounted 元素-><div id="preview-div"></div>(2)主要逻辑 调用 getOfficePreviewUrl 接口获取 access_token 和 preview_url。获取协作地址和AccessToken。var tokenInfo=await client.getOfficePreviewUrl({ drive_id:'1',file_id:'...
WebOffice预览和协作编辑
}</style></head><body><script src="https://g.alicdn.com/IMM/office-js/1.1.15/aliyun-web-office-sdk.min.js"></script> <div id="weboffice-zone"></div><script>window.onload=init;async function init(){/填入Weboffice链接和预览...
以CDN方式接入前端监控
异步加载和同步加载方式的区别 异步加载：又称为非阻塞加载，表示浏览器在下载执行JS之后还会继续处理后续页面。若对页面性能的要求非常高，建议使用此方式。重要 由于是异步加载，ARMS无法捕捉到监控SDK加载初始化完成之前的JS错误和资源...
EdgeElement
element_by_name('上传图片-edge')element.upload(upload_path)execute_js execute_js(code)方法描述 执行js代码 参数说明 code<str>js代码 返回值说明 返回执行结果（JSON字符串形式）调用样例-rpa.app.edge.EdgeTab.EdgeElement.execute_...
ChromeElement
element_by_name('上传图片-chrome')element.upload(upload_path)execute_js execute_js(code)方法描述 执行js代码 参数说明 code<str>js代码 返回值说明 返回执行结果（JSON字符串形式）调用样例-rpa.app.chrome.ChromeTab.ChromeElement....
SE360Element
element_by_name('上传图片-se360')element.upload(upload_path)execute_js execute_js(code)方法描述 执行js代码 参数说明 code<str>js代码 返回值说明 返回执行结果（JSON字符串形式）调用样例-rpa.app.se360.SE360Tab.SE360Element....
DataV封装ECharts功能介绍
本文从index.js文件、package.json文件以及实操演示三个方面介绍DataV自定义组件如何封装Echarts。课程说明 index.js与package.json文件的作用 package.json是用来定义接入DataV时组件的配置项，例如开放给您配置的组件样式、组件静态数据...
接入高级模板剪辑Web SDK
div id="aliyun-advanced-template"style="height:100vh"></div>/您可以根据需要改变 container 高度<script src="https://g.alicdn.com/thor-server/advanced-template-websdk/1.0.0/index.js"></script><script>/调用 SDK 的代码...
DataV自定义组件开发介绍
开发环境 您可以进入 Node.js官网，下载并安装Node.js，推荐Node版本在8.0.0及以上且在10.12.0以下，版本过高过低均不可以使用。同时推荐使用nvm管理Node，详细安装过程请参见 组件开发快速入门。说明 如果您已经安装了windows node，却...
前端监控数据说明
error JS错误。resourceError 资源错误。sum 主动上报统计总和。avg 主动上报统计平均值。custom 自定义上报接口，所有字段不能超过20个字符，上报时会自动在字段前加上 x-的前缀。公共字段 字段 类型 示例 说明 begin number ...
定义属性
示例 开发组件的 specs.js 文件内容：export default {"properties":[{"identifier":"temperature","defaultValue":26,"text":"温度","type":"text",}],"services":[],"events":[]};属性（properties）设置：类型（type）是 text，属性中文...
- 产品推荐
- 这些文档可能帮助您