检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
开发概述 KooMessage是华为云为行业客户提供的一站式富媒体消息服务，聚合智能信息、5G消息、企业服务号、PUSH消息等多渠道触点，实现全场景、全终端触达。其中，智能信息通过手机增强技术提供可交互的富媒体内容和素材，可实现内容访问、信息查询、智能客服等与用户的实时互动，目前
智能信息模板审核时间 KooMessage运营审核时段为法定工作日的9:00-18:00，周末及节假日不进行审核。 如有加急或特殊需求，请联系运营团队。 不同厂商智能信息模板审核时间段有所差异，具体请参考表1。 表1 不同厂商智能信息模板审核时间 厂商 智能信息模板审核时间段 华为终端厂商
pages字段是字符串类型的参数，需先转换成JSON对象，便于后续传参。 缩放比例计算，确保模板显示比例正常，详情请参见outerWidth和pages[0].style。 控制组件的大小和位置，详情请参见pages[0].content。 编写父组件的HTML和CSS。 在app-preview父组件中，定义
预览界面的缩放比例、大小和位置，相关参数及用途如表1所示。 表1 js逻辑参数及用途 参数名 用途 outerWidth 控制模板在预览视图中的缩放尺寸。 pages[0].style 设置模板显示的缩放比例值。 pages[0].content 控制父组件的大小和位置。 outerWidth
父组件开发 编写app-preview组件的JavaScript逻辑 父组件代码示例
子组件开发 支持的子组件类型 事件处理效果预览 子组件代码示例
app-preview-button组件 HTML <div> <p [style]="item.style" (click)="PreviewService.emit(item.event)" class="preview-element" > {{ item.text }} </p>
app-preview-swiper组件 开发横滑组件时可定义的属性及其作用如表1所示，您可根据实际需求进行定义。 表1 横滑组件属性及作用 属性 作用 item.style 样式定义。 item.swiper.autoplay 是否自动轮播。 item.swiper.loop 是否循环。
[src]="item?.src" [style]="item.style" // 若图片的动作类型为查看大图，这里使用viewer库实现，开发者请根据实际情况编码 [view]="item?.event?.action === ActionTypes.VIEW_PIC" (click)="PreviewService
app-preview-video组件 HTML <div> <video class="preview-element" [poster]="item.cover" controls [style]="item.style" [src]="item.src"></video> </div>
previews { position: relative; transform-origin: left top; } 父主题： 父组件开发
app-preview-text组件 HTML <div> <p class="preview-element text-element" [style]="item.style" (click)="PreviewService
由图片、文本、按钮组成的模板样式，适用于产品介绍、营销活动介绍等场景。目前支持该模板的手机终端为：华为、OPPO和VIVO。 图片比例有16:9，1:1，48:65。有些厂商支持的图片比例，会少一些。 不同厂商之间对字数的要求也略有不同。 各手机厂商图片轮播类智能信息模板差异 各手机厂商支持内容的差异
default: break; } } } 父主题： 子组件开发
app-preview-card-vouchers组件 app-preview-moreGoods组件 app-preview-ticketImage组件 父主题： 子组件开发
在页面右上方，可根据需要，选择按照“短信签名”、“模板”、“手机号码”、“发送结果”和“发送时间”进行筛选查询。或选择“最近1小时”或“最近24小时”进行查询。 若选择“发送时间”进行查询，发送时间不应大于24小时。 父主题： 智能信息任务管理
任务名称为"测试-行程提醒"，失效时间为72小时。 https://koomessage.myhuaweicloud.cn/v1/aim-basic/send-tasks { "tpl_id" : "800000002", "task_name" : "测试-行程提醒"
app-preview-moreGoods组件 HTML <div :style="item.style" class="moreGoods"> <div class="title"> // innerHTML会把代码片段插入到当前节点中 <span class="title-name"
种类型的子组件开发，详见表1。对于各类型子组件，子组件代码示例提供了相应的HTML、CSS、JavaScript代码段供参考，部分组件无需编写CSS样式和JavaScript逻辑，请您以实际使用框架和组件库为准。 图1 渲染出的模板预览视图 表1 支持的组件类型和判断条件 组件类型
app-preview-sideslip组件 HTML <div class="Sideslip" [style]="item.style"> <div class="Sideslip-scroll" [style]="{ width: sideslipList.length *
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
