检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
app-preview-video组件 HTML <div> <video class="preview-element" [poster]="item.cover" controls [style]="item.style" [src]="item.src"></video> </div> CSS
action === ActionTypes.VIEW_PIC" (click)="PreviewService.emit(item.event)" /> </div> }) CSS 无。
(click)="PreviewService.emit(item.event)" // innerHTML为插入html片段的指令 [innerHTML]="item.text" ></p> </div> }) CSS
item.content.divImage.src" alt="" /> <div (click)="events(item.content.divButton)" class="button">{{ item.content.divButton.textValue }}</div> </div> CSS
"events(item.content.divButton)" *ngIf="item.content.buttomType === 0" class="button"> {{ item.content.divButton.textValue }} </div> </div> CSS
innerHTML]="item.divTextButton.button1.textValue" ></div> </div> </div> </div> </div> </div> CSS
对于各类型子组件，子组件代码示例提供了相应的HTML、CSS、JavaScript代码段供参考，部分组件无需编写CSS样式和JavaScript逻辑，请您以实际使用框架和组件库为准。
app-preview-button组件 HTML <div> <p [style]="item.style" (click)="PreviewService.emit(item.event)" class="preview-element" > {{ item.text }} </p> </div> CSS
item1 of item.swiper.swiperArr"> <img [style]="{ width: item.style.width }" [src]="item1.src" alt="" /> </ swiperSlide > </ swiper> </div> CSS
textDown.textValue"></div> </div> </div> <div class="ticketImage_tip" [innerHTML]="item.content.divTip.text.textValue"></div> </div> CSS
(click)="handlerAction(i)"> <div *ngFor="let item1 of list.buts" class="Sideslip-but"> {{ item1.text }} </div> </div> </div> </div> </div> CSS
<app-preview-card-vouchers *ngIf="item.type === 'card-vouchers'" [item]="item"></app-preview-card-vouchers> </div> </div> CSS
编写子组件的HTML、CSS、JavaScirpt。 子组件代码示例提供了各类型子组件的HTML、CSS和JavaScript代码段供参考，开发时请以实际使用框架和组件库为准。 判断各子组件类型是否显示。
textValue }} </div> <div class="divButton_right" *ngIf="item.content.divButton[1]"> {{ item.content.divButton[1].textValue }} </div> </div> </div> CSS
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
