弹窗显示:
方法调用:this.alertService.show(content).then((data:any)=>{
if(data.type=='...'){...}
})
解释:
1 通过AlertService注入的alertService服务,调用show方法
2 在要加点击监听的标签上加上class="alert-名字"
3 点击该标签时,触发回调方法,判断data-type的值==名字,做出相应的操作
4 content就是弹窗的内容
private bargainAlert() {
let content = `
<div class="wd_bargain_confirm">
<div class="close alert-close"></div>
<div class="txt pt30">
<p>如果没能自动打开天天盈球APP,</p>
<p>试试先复制口令后</p>
<p>再自行打开APP帮朋友砍价。</p>
<div class="fs13 c999 mt5">(未下载天天盈球的朋友请先下载APP)</div>
</div>
<div class="btn border bdt bdc_eee">
<a class="border bdr bdc_eee alert-download">立即下载</a>
<a class="red alert-copy">复制口令</a>
</div>
</div>
`;
this.alertService.show(content).then((data:any)=>{
if(data.type == 'download') {
this.download();
}else if(data.type=='copy'){
this.copyCode();
}else if(data.type=='close'){
// console.log('关闭弹窗');
}
});
}