检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
目前可选的版式有：通知类（6种）、图文、红包、长文本、多图文、单卡券、多卡券、图片轮播、个性化红包、电商、横滑、电商（多商品）、视频、视频图文、图文视频等。 不同模板类型适用不同场景，每个版式在一定的限制范围内，又可以有不同的样式。 图1 智能信息模板示例 父主题： 智能信息模板制作规范
若选择“视频图文”类模板，则有“视频图文”、“图文视频”、“视频”、“短剧图片”和“短剧视频”等不同模板可供编辑。 选择“视频图文”模板进行编辑： “视频图文”模板支持华为和三星手机。 在“视频图文”模板上的视频框处进行单击，在页面右侧“编辑内容”处会出现“从视频库选择”和“上传封面”按钮。
智能信息基础版 前提条件 操作流程 智能信息基础版认证企业信息 发送视频短信
veImageAndText）和创建短视频模板（ShortVideo）请求示例。 查询智能信息基础版发送任务，修改请求示例名称，“查询视频短信发送任务”改为“查询智能信息基础版发送任务”。 发送智能信息基础版任务，修改请求示例名称，“发送视频短信任务-动态参数”改为“发送智能信息基础版任务-动态参数”。
描述 resource_type 是 String 资源类型。 image：图片 video：视频 thumbnail：缩略图 说明： 图片支持png、jpeg、jpg格式，最大2M; 视频支持格式mp4，大小不超过7M，建议时长不超过33S; 缩略图支持png、jpeg、jpg格式，大小不超过100K。
电商（多商品）类智能信息模板制作规范 由文本、按钮、图片、视频组成的模板样式，适用于营销、促销等场景。目前仅华为手机终端支持该模板。 各手机厂商电商（多商品类）智能信息模板差异 各手机厂商支持内容的差异 支持情况及规范要求参见表1。 表1 各手机厂商电商（多商品）类智能信息模板支持内容的差异
app-preview-button组件 HTML <div> <p [style]="item.style" (click)="PreviewService.emit(item.event)" class="preview-element" > {{ item.text }} </p>
app-preview-ticketImage组件 HTML <div [style]="item.style" class="ticketImage"> <div class="ticketImage_List"> <div // ngFor为循环指令 *ngFor="let
app-preview-card-voucher组件 HTML <div class="card-voucher"> <div class="content"> <div class="content_top"> <div *ngIf="item.content.voucheType
智能信息 前提条件 操作流程 智能信息认证企业信息 创建短消息应用 创建短消息签名 创建短消息模板 发送智能信息
智能信息服务号 前提条件 操作流程 智能信息服务号认证企业信息 创建服务号 创建通道号 服务号绑定通道号
app-preview-text组件 HTML <div> <p class="preview-element text-element" [style]="item.style" (click)="PreviewService
父组件代码示例 HTML <div class="previews" [style]=" pages[0].style" > // ngFor为循环指令，遍历content数组获取item <div *ngFor="let item of pages[0].content">
app-preview-moreGoods组件 HTML <div :style="item.style" class="moreGoods"> <div class="title"> // innerHTML会把代码片段插入到当前节点中 <span class="title-name"
父组件开发 编写app-preview组件的JavaScript逻辑 父组件代码示例
修订记录 发布日期 修订记录 2022-12-09 第一次正式发布。
app-preview-sideslip组件 HTML <div class="Sideslip" [style]="item.style"> <div class="Sideslip-scroll" [style]="{ width: sideslipList.length *
子组件代码示例 app-preview-text组件 app-preview-button组件 app-preview-image组件 app-preview-video组件 app-preview-sideslip组件 app-preview-swiper组件 app-preview-eCommerce组件
app-preview-card-vouchers组件 HTML <div [style]="item.style" class="cardVouchers"> // innerHTML会把代码片段插入到当前节点中 <div class="title" [innerHTML]="item
子组件开发 支持的子组件类型 事件处理效果预览 子组件代码示例
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
