julien/vaquant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 (pricing)

Browse Source
This commit is contained in:
Julien Calixte
2019-11-26 08:51:23 +01:00
parent 950a43902f
commit 78b810b445
3 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/PricingTable.vue
View File

@@ -3,7 +3,11 @@
<div class="pricing-plan" :class="{ 'is-active': plan === 'free' }">
<div class="plan-header">Gratuit</div>
Parfait pour démarrer rapidement
<div class="plan-price"><span class="plan-price-amount"><span class="plan-price-currency">€</span>0</span>/mois</div>
<div class="plan-price">
<span class="plan-price-amount"
><span class="plan-price-currency">€</span>0</span
>/mois
</div>
<div class="plan-items">
<div class="plan-item">jusqu'à 20 comptes</div>
<div class="plan-item">jusqu'à 20 amis/compte</div>
@@ -18,14 +22,23 @@
</div>
</div>
<div class="pricing-plan is-success" :class="{ 'is-active': plan === 'premium' }">
<div
class="pricing-plan is-success"
:class="{ 'is-active': plan === 'premium' }"
>
<div class="plan-header">Premium</div>
Vaquant sans aucune limite !
<div class="plan-price"><span class="plan-price-amount"><span class="plan-price-currency">€</span>3</span>/mois</div>
<div class="plan-price">
<span class="plan-price-amount"
><span class="plan-price-currency">€</span>3</span
>/mois
</div>
<div class="plan-items">
<div class="plan-item"><awe-icon icon="infinity" /> comptes</div>
<div class="plan-item"><awe-icon icon="infinity" /> amis/compte</div>
<div class="plan-item"><awe-icon icon="infinity" /> dépenses/compte</div>
<div class="plan-item">
<awe-icon icon="infinity" /> dépenses/compte
</div>
<div class="plan-item">150+ devises</div>
<div class="plan-item">pièces jointes disponibles</div>
</div>
@@ -58,3 +71,8 @@ export default class PrincingTable extends Vue {
}
}
</script>
<style lang="scss">
@import '../styles/variables';
@import '~bulma-pricingtable';
</style>