40 lines
1011 B
Vue
40 lines
1011 B
Vue
<template>
|
|
<div class="smart-credit-pkg">
|
|
<div class="report-card p-3 report-card--best report-card__aside mt-5 report-card--info">
|
|
<div class="report-card__header pb-3">
|
|
<h5>
|
|
<strong>
|
|
<img :src="`${app_base_url}/img/smartcredit_logo.png`"
|
|
alt="SmartCredit" class="provider-logo"> {{package.labels[package_id]}}
|
|
</strong>
|
|
</h5>
|
|
</div>
|
|
<div class="report-card__price p-2">
|
|
<h4>${{package.prices[package_id]}}/mo</h4> <span>Cancel Anytime</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import pkg from "../../helper/package";
|
|
export default {
|
|
props:{
|
|
package_id:{
|
|
required:true
|
|
}
|
|
},
|
|
data(){
|
|
return {
|
|
package:pkg,
|
|
app_base_url: APP_URL,
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
|
|
@import url("./../../../css/smartcredit.css");
|
|
|
|
</style>
|