@burh/nuxt-core 1.0.13 → 1.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,15 +2,19 @@
|
|
|
2
2
|
<div class="col w-100 pr-md-3">
|
|
3
3
|
<div class="card card--purchase-resume">
|
|
4
4
|
<div class="card-header">
|
|
5
|
-
<h5 class="h5 mb-0 font-weight-bold">Resumo</h5>
|
|
5
|
+
<h5 class="h5 mb-0 font-weight-bold card__inner">{{!skeleton ? 'Resumo' : ''}}</h5>
|
|
6
6
|
<div class="d-flex">
|
|
7
|
-
<h5 class="h5 mb-0 mt-3 text-muted">Total</h5>
|
|
8
|
-
|
|
7
|
+
<h5 class="h5 mb-0 mt-3 text-muted card__inner">{{ !skeleton ? 'Total' : ''}}</h5>
|
|
8
|
+
|
|
9
|
+
<h5 v-if="skeleton != true" class="h5 mb-0 mt-3 text-muted ml-auto card__inner">{{total | convertToReal }}</h5>
|
|
10
|
+
<h5 v-if="skeleton == true" class="h5 mb-0 mt-3 text-muted ml-auto card__inner"></h5>
|
|
9
11
|
</div>
|
|
10
12
|
</div>
|
|
11
13
|
<div class="card-body">
|
|
12
|
-
|
|
13
|
-
<
|
|
14
|
+
|
|
15
|
+
<p v-if="skeleton != true" class="card-text card__local mb-4">{{!skeleton ? 'Valor total de pagamento recorrente mensal, primeiro faturamento gerado apenas para daqui 30 dias' : ''}}</p>
|
|
16
|
+
|
|
17
|
+
<div v-if="skeleton != true" role="alert" class="alert alert-info d-flex card__local">
|
|
14
18
|
<span class="alert-text">
|
|
15
19
|
<span data-notify="icon" class="alert-icon mr-2">
|
|
16
20
|
<i class="fas fa-info-circle"></i>
|
|
@@ -32,7 +36,11 @@ export default {
|
|
|
32
36
|
total:{
|
|
33
37
|
type: Number,
|
|
34
38
|
default: 600
|
|
35
|
-
}
|
|
39
|
+
},
|
|
40
|
+
skeleton: {
|
|
41
|
+
type: Boolean,
|
|
42
|
+
default: false
|
|
43
|
+
},
|
|
36
44
|
},
|
|
37
45
|
data(){
|
|
38
46
|
return{
|
|
@@ -2,11 +2,13 @@
|
|
|
2
2
|
<div class="col w-100 pr-md-3">
|
|
3
3
|
<div class="card card--purchase-resume">
|
|
4
4
|
<div class="card-header border-0">
|
|
5
|
-
<h1 class="h5 mb-0 font-weight-bold">{{ type }}</h1>
|
|
5
|
+
<h1 class="h5 mb-0 card__inner font-weight-bold">{{ type }}</h1>
|
|
6
6
|
</div>
|
|
7
7
|
<div class="card-body pt-0">
|
|
8
|
-
<p class="card-text mb-1">{{ textSelected }}</p>
|
|
9
|
-
|
|
8
|
+
<p class="card-text card__local mb-1">{{ textSelected }}</p>
|
|
9
|
+
|
|
10
|
+
<p v-if="skeleton != true" class="text-right card__local mb-0">{{ price | convertToReal}}</p>
|
|
11
|
+
<p v-if="skeleton == true" class="text-right card__local mb-0"></p>
|
|
10
12
|
<!-- <p class="text-right mb-0">{{ paybackPeriod }}</p> -->
|
|
11
13
|
</div>
|
|
12
14
|
</div>
|
|
@@ -34,7 +36,11 @@ export default {
|
|
|
34
36
|
price:{
|
|
35
37
|
type: Number,
|
|
36
38
|
default: 600
|
|
37
|
-
}
|
|
39
|
+
},
|
|
40
|
+
skeleton: {
|
|
41
|
+
type: Boolean,
|
|
42
|
+
default: false
|
|
43
|
+
},
|
|
38
44
|
},
|
|
39
45
|
data(){
|
|
40
46
|
return{
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
<base-button outline type="primary" href="/termos-de-uso" class="btn--back text-primary mr-0 px-sm-5 px-3 btn-md-sm d-inline" rel="noopener" @click="$emit('backward')">
|
|
5
5
|
<i class="fas text-primary fa-long-arrow-alt-left"></i>Voltar
|
|
6
6
|
</base-button>
|
|
7
|
+
|
|
7
8
|
<base-button size="sm" type="primary" class="text-white ml-auto px-sm-5 px-3 mr-2" target="_blank" rel="noopener" @click="$emit('forward')">{{btnForwardText}}</base-button>
|
|
8
9
|
</div>
|
|
9
10
|
</div>
|
|
@@ -45,4 +46,9 @@ export default {
|
|
|
45
46
|
padding-left: 3rem;
|
|
46
47
|
}
|
|
47
48
|
}
|
|
49
|
+
.btn-outline-primary:hover {
|
|
50
|
+
color: #fff;
|
|
51
|
+
background-color: transparent !important;
|
|
52
|
+
border-color: #1DA1F1;
|
|
53
|
+
}
|
|
48
54
|
</style>
|