1.页面效果
![](https://i-blog.csdnimg.cn/blog_migrate/09caa48c25736455c9a57ba5618b1451.png)
![](https://i-blog.csdnimg.cn/blog_migrate/44a04aa41875c9bf51233a30275435bd.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4f78a635d25affba5bcc03590c38d57e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3f913d55806fdb9394b2361727209925.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e5726a039f2867e37589ca63a6936c62.png)
2.数据弹框布局
<div *ngIf="showDiv" right top
style="position:absolute; z-index:1000;left:0rem;top:53%;width:100%;background: rgb(218, 216, 216,0.7);padding: 20px;border-radius: 20px;">
<div>
<span
style="color:#45b4ff;font-size:1.8rem;line-height:3rem;">{