You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
934 B
30 lines
934 B
3 years ago
|
<!--
|
||
|
|
* @Descripttion:
|
||
|
|
* @version:
|
||
|
|
* @Author: sueRimn
|
||
|
|
* @Date: 2021-05-18 15:09:43
|
||
|
|
* @LastEditors: sueRimn
|
||
|
|
* @LastEditTime: 2021-05-18 15:25:35
|
||
|
|
-->
|
||
|
|
|
||
|
|
<div class="bigimgbox">
|
||
|
|
<!-- <div mat-dialog-title>图片详情</div> -->
|
||
|
|
<div class="swiper-container">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
<div *ngFor="let item of allImages" class="swiper-slide previewImgBox">
|
||
|
|
<img [ngClass]="{'rotateA':rotationAngle==90,'rotateB':rotationAngle==180,'rotateC':rotationAngle==270}" class="swiper-lazy"
|
||
|
|
[attr.data-src]="item">
|
||
|
|
<div class="swiper-lazy-preloader"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 如果需要导航按钮 -->
|
||
|
|
<div class="swiper-button-prev"></div>
|
||
|
|
<div class="swiper-button-next"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="previewImgBottom">
|
||
|
|
<button type="button" mat-icon-button (click)='rotate()'><mat-icon>refresh</mat-icon></button>
|
||
|
|
</div>
|
||
|
|
</div>
|