... <ion-content class="scanner-hide" *ngIf="scanStatus == false"> <div class="padding-container center"> <ion-button color="primary" (click)="scanCode()"><ion-icon slot="start" name="qr-code-outline"></ion-icon> Scanear Código</ion-button> <!-- Botão que chama a função do scanner--> </div> <ion-card> <ion-card-content><h1>{{ result }}</h1></ion-card-content> <!-- mostra o resultado do scan --> </ion-card> <div class="scanner-ui"> <!-- Quando estamos a scanear, chama esta classe--> ...Scanner Interface </div> <div class="ad-spot"></div> </ion-content>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter