Home.vue

<template>
    <ion-page>
        <ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>
      Pay pal
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-grid class="ion-text-center">
    <ion-row>
      <ion-col>
        Use this Pay button with the attached logic in your app's payment page.
      </ion-col>
    </ion-row>
  </ion-grid>
  <ion-card class="welcome-card">
    <ion-img :src="require('../../../../assets/' + 'paypal.jpg')"></ion-img>
    <ion-card-content class="paypalBtn">
      <ion-button class="paypalCss" id="paypal-container"></ion-button>
    </ion-card-content>
  </ion-card>
</ion-content>
    </ion-page>
</template>

<script lang="ts" src="./paypal.ts"></script>

<style lang="scss" scoped>
.paypalCss {
    background: #0070BA;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}
</style>