检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
子组件代码示例 app-preview-text组件 app-preview-button组件 app-preview-image组件 app-preview-video组件 app-preview-sideslip组件 app-preview-swiper组件 app-preview-eCommerce组件
父组件代码示例 HTML <div class="previews" [style]=" pages[0].style" > // ngFor为循环指令，遍历content数组获取item <div *ngFor="let item of pages[0].content">
app-preview-ticketImage组件 HTML <div [style]="item.style" class="ticketImage"> <div class="ticketImage_List"> <div // ngFor为循环指令 *ngFor="let
而成。目前KooMessage的智能短信模板已支持11种类型的子组件开发，详见表1。对于各类型子组件，子组件代码示例提供了相应的HTML、CSS、JavaScript代码段供参考，部分组件无需编写CSS样式和JavaScript逻辑，请您以实际使用框架和组件库为准。 图1 渲染出的模板预览视图
app-preview-moreGoods组件 HTML <div :style="item.style" class="moreGoods"> <div class="title"> // innerHTML会把代码片段插入到当前节点中 <span class="title-name"
app-preview-button组件 HTML <div> <p [style]="item.style" (click)="PreviewService.emit(item.event)" class="preview-element" > {{ item.text }} </p>
app-preview-sideslip组件 HTML <div class="Sideslip" [style]="item.style"> <div class="Sideslip-scroll" [style]="{ width: sideslipList.length *
app-preview-video组件 HTML <div> <video class="preview-element" [poster]="item.cover" controls [style]="item.style" [src]="item.src"></video> </div>
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
是否自动轮播。 item.swiper.loop 是否循环。 item.swiper.showIndicatorPoint 是否显示底部指示器。 HTML <div> <swiper [style]="item.style" [autoplay]="item.swiper.autoplay"
单击虚线框区域，上传企业营业执照。 企业名称 必填项。 企业的名称。 统一社会信用代码 必填项。 企业的信用代码。 说明： 三证合一和五证合一的企业，填写统一社会信用代码；非盈利企业，填写组织机构代码证号。 企业联系人 必填项。 企业负责人的联系人。 企业联系电话 必填项。 企业的联系电话。
app-preview-card-vouchers组件 HTML <div [style]="item.style" class="cardVouchers"> // innerHTML会把代码片段插入到当前节点中 <div class="title" [innerHTML]="item
app-preview-image组件 HTML <div class="imgBox preview-element"> <img class="preview-element" [src]="item?.src" [style]="item.style" // 若图片的动作类
THH:mm:ssZ。 industry 否 String 服务号所属行业。 1：金融理财 2：社交通讯 3：影音娱乐 4：旅游出行 5：购物 6：本地生活 7：运动健康 8：教育培训 9：新闻阅读 10：运营商 11：其他 最小值：1 最大值：11 approve_state 否
source_title_content 否 String 签名来源标题内容，填写内容需和签名来源对应，具体如下。 网站域名：仅当“签名来源”为“工信部备案网站的全称或简称”时，需要输入工信部备案网站域名，如huawei.com。 APP应用下载地址：仅当“签名来源”为“APP应用的全称或简称”时，需要填写。
提供多种类型的子组件，如文本组件、图片组件、按钮组件等，可按需调用。 编写子组件的HTML、CSS、JavaScirpt。 子组件代码示例提供了各类型子组件的HTML、CSS和JavaScript代码段供参考，开发时请以实际使用框架和组件库为准。 判断各子组件类型是否显示。 遍历page[0]
app-preview-eCommerce组件 HTML <div class="ECommerce"> <swiper [autoplay]="false" [loop]="true" *ngIf="item.content.imageList.visibility === 'visible'">
source_title_content 否 String 签名来源标题内容，填写内容需和签名来源对应，具体如下。 网站域名：仅当“签名来源”为“工信部备案网站的全称或简称”时，需要输入工信部备案网站域名，如huawei.com。 APP应用下载地址：仅当“签名来源”为“APP应用的全称或简称”时，需要填写。
industry 否 Integer 从事行业，默认取服务号所属商家的行业分类。 1：金融理财 2：社交通讯 3：影音娱乐 4：旅游出行 5：购物 6：本地生活 7：运动健康 8：教育培训 9：新闻阅读 10：运营商 11：其他 最小值：1 最大值：11 areas_for_auto_get_port
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
