检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
父组件代码示例 HTML <div class="previews" [style]=" pages[0].style" > // ngFor为循环指令，遍历content数组获取item <div *ngFor="let item of pages[0].content
子组件代码示例 app-preview-text组件 app-preview-button组件 app-preview-image组件 app-preview-video组件 app-preview-sideslip组件 app-preview-swiper组件 app-preview-eCommerce
app-preview-text组件 HTML <div> <p class="preview-element text-element" [style]="item.style" (click)="PreviewService.emit
app-preview-video组件 HTML <div> <video class="preview-element" [poster]="item.cover" controls [style]="item.style" [src]="item.src"></video> <
app-preview-swiper组件 开发横滑组件时可定义的属性及其作用如表1所示，您可根据实际需求进行定义。 表1 横滑组件属性及作用 属性 作用 item.style 样式定义。 item.swiper.autoplay 是否自动轮播。 item.swiper.loop 是否循环
app-preview-moreGoods组件 HTML <div :style="item.style" class="moreGoods"> <div class="title"> // innerHTML会把代码片段插入到当前节点中 <span class
app-preview-image组件 HTML <div class="imgBox preview-element"> <img class="preview-element" [src]="item?.src" [style]="item.style" // 若图片的动作类型为查看大图
app-preview-button组件 HTML <div> <p [style]="item.style" (click)="PreviewService.emit(item.event)" class="preview-element" > {{ item.text }} <
app-preview-sideslip组件 HTML <div class="Sideslip" [style]="item.style"> <div class="Sideslip-scroll" [style]="{ width: sideslipList.length *
app-preview-eCommerce组件 HTML <div class="ECommerce"> <swiper [autoplay]="false" [loop]="true" *ngIf="item.content.imageList.visibility === '
app-preview-ticketImage组件 HTML <div [style]="item.style" class="ticketImage"> <div class="ticketImage_List"> <div // ngFor为循环指令 *ngFor
app-preview-card-vouchers组件 HTML <div [style]="item.style" class="cardVouchers"> // innerHTML会把代码片段插入到当前节点中 <div class="title" [innerHTML]="item.content.divText.text1
app-preview-card-voucher组件 HTML <div class="card-voucher"> <div class="content"> <div class="content_top"> <div *ngIf="item.content.voucheType
最大长度：1000 file_stream 否 String 文件资源码流。 说明： file_type=stream时，file_stream为必填。 image_rate 否 String 图像比例。
智能信息所需资料及资质审核规范 智能信息入网所需材料准备 表1 智能信息入网所需材料 智能信息所需资料 AIM AIM+ 是否加盖公章 是否可添加水印 营业执照复印件（三证合一9开头） √ √ √ × 智能信息及富媒体消息类业务素材承诺函 √ √ √ √ 经办人身份证复印件（正反面
支持的子组件类型 以图1为例，该模板的预览视图由image、text、button三个子组件拼接而成。目前KooMessage的智能短信模板已支持11种类型的子组件开发，详见表1。对于各类型子组件，子组件代码示例提供了相应的HTML、CSS、JavaScript代码段供参考，部分组件无需编写
返回结果 状态码 请求发送以后，您会收到响应，包含状态码、响应消息头和消息体。 状态码是一组从1xx到5xx的数字代码，状态码表示了请求响应的状态，完整的状态码列表请参见状态码。 对于查询手机号码智能信息解析能力接口，如果调用后返回状态码为“200”，则表示请求成功。 响应消息头
总体开发思路 渲染模板预览视图所需的数据保存在pages字段中。调用智能信息模板查询API接口获取pages字段，经多个前端组件开发后，即可渲染出适配于自用平台的预览视图。总体开发流程如图1所示。 图1 将模板数据渲染成预览视图的开发流程 关键阶段介绍 调用查询模板API，获取pages
智能信息服务号认证企业信息 通过企业认证后，才能正常使用智能信息服务号功能。 操作步骤 登录云消息服务管理控制台。 在左侧导航，选择“企业管理 > 企业备案”，进入“企业备案管理”界面。 在“智能信息服务号”区域，单击“填写备案信息”。 配置备案信息，配置说明请参考表1。 表1 企业信息配置说明
子组件开发 支持的子组件类型 事件处理效果预览 子组件代码示例
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
