wallet announcement changes

This commit is contained in:
omair saleh
2022-03-01 20:28:05 +08:00
parent 3324c86f4f
commit b36601fd99
4 changed files with 32 additions and 14 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

@@ -41,9 +41,15 @@
</div>
</div>
<div class="row no-margin h-100" v-if="data.services.length <= 3">
<div class="col no-padding m-b-10" :class="[{'p-l-5': index != 0}, {'p-r-5': index+1 != data.services.length}]" v-for="(service, index) in data.services" v-bind:key="service.id" >
<div class="btn btn-md b-rad-none p-t-5 p-b-5 w-100 h-100 d-flex align-items-center justify-content-center" :class="[{'btn-success': serviceType.id === service.id}, {'bg-master-lighter': serviceType.id != service.id}]" @click="updateServiceType(service)">{{service.name}}</div>
<div class="col no-padding m-b-10" :class="[{'p-l-5': index !== 0}, {'p-r-5': index+1 !== data.services.length}]" v-for="(service, index) in data.services" v-bind:key="service.id" >
<div class="btn btn-xs b-rad-none padding-15 w-100 h-100 d-flex align-items-center justify-content-center" :class="[{'btn-success': serviceType.id === service.id}, {'bg-master-lighter': serviceType.id !== service.id}]" @click="updateServiceType(service)">
{{service.name}}
<span class="absolute" style="right: -15px;top: -15px;width: 40px;" v-if="index !==0">
<img src="https://icons.iconarchive.com/icons/custom-icon-design/pretty-office-11/256/new-icon.png" class="w-100">
</span>
</div>
</div>
<div class="col no-padding m-b-10"></div>
</div>
<div class="row" v-if="data.services.length > 3">
<div class="col-8">
@@ -102,8 +108,8 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="btn btn-xs b-rad-none p-l-25 p-r-25 p-t-5 p-b-5" :class="[{'btn-success': paymentType === 1}, {'btn-default': paymentType !== 1}, {'bg-master-lighter': paymentType !== 1}]" @click="paymentType = 1">Full Payment</div>
<div class="btn btn-xs b-rad-none p-l-25 p-r-25 m-r-5 p-t-5 p-b-5" :class="[{'btn-success': paymentType === 0}, {'btn-default': paymentType !== 0}, {'bg-master-lighter': paymentType !== 0}]" @click="paymentType = 0">Deposit</div>
<div class="btn btn-xs b-rad-none p-l-25 p-r-25 p-t-5 p-b-5" :class="[{'btn-complete': paymentType === 1}, {'btn-default': paymentType !== 1}, {'bg-master-lighter': paymentType !== 1}]" @click="paymentType = 1">Full Payment</div>
<div class="btn btn-xs b-rad-none p-l-25 p-r-25 m-r-5 p-t-5 p-b-5" :class="[{'btn-complete': paymentType === 0}, {'btn-default': paymentType !== 0}, {'bg-master-lighter': paymentType !== 0}]" @click="paymentType = 0">Deposit</div>
</div>
</div>
<div class="row" v-if="paymentType === 0">
@@ -1,18 +1,30 @@
<template>
<div class="row">
<div class="col">
<div class="row padding-15">
<div class="row m-l-0 m-r-0 m-b-15">
<div class="col bg-white padding-15">
<div class="bold d-flex align-items-center m-b-10">
<span class="rounded badge-success m-r-10 padding-5 p-l-15 p-r-15">New</span> March 1, 2020
<div class="row">
<div class="col">
<div class="bold d-flex align-items-center m-b-10">
<span class="rounded badge-success m-r-10 padding-5 p-l-15 p-r-15">New</span> March 1, 2020
</div>
<h5 class="bold fs-18">Try out our wallet to get a better rate now.</h5>
</div>
</div>
<div class="row">
<div class="col">
<img class="m-b-10 w-100" src="/images/wallet_announcement_2.png" />
</div>
</div>
<div class="row">
<div class="col">
<p>Transferring your payments by using the wallet just got a lot easier.</p>
<p>This release can:</p>
<p class="no-margin">1. Top up once, pay for multiple transfers</p>
<p class="no-margin">2. Get your refund back to your wallet</p>
<p class="no-margin">3. Get a better exchange rate.</p>
</div>
</div>
<h5 class="bold fs-18">Try out our wallet to get a better rate now.</h5>
<img class="m-b-10" src="http://localhost/others/cief/exchange-2.0/public/images/temp_reload_annnouncement.jpg" />
<p>Transfering your payments by using the wallet just got a lot easier.</p>
<p>This release can:</p>
<p>1. Top up once, upload ONE bankslip and you get to pay multiple transactions</p>
<p>2. Get your refund back to your wallet and easier for you to make the next payment (if applicable)</p>
<p>3. Get a better exchange rate.</p>
</div>
</div>
<div class="row" v-if="!reload">