Add transfer summary render compoment
This commit is contained in:
parent
c0504543e5
commit
bee026efd8
27
src/components/TransferSummary.vue
Normal file
27
src/components/TransferSummary.vue
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
<script>
|
||||||
|
// This template uses https://vuejs.org/guide/extras/render-function.html to
|
||||||
|
// create DOM elements from properties
|
||||||
|
import { h } from 'vue'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
summary: { type: String, default: "<h2>Summary Should go here</h2>" }
|
||||||
|
},
|
||||||
|
setup(props) {
|
||||||
|
|
||||||
|
// return the render function
|
||||||
|
return () => h('div', { class: 'bar', innerHTML: props.summary })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
span.customer {
|
||||||
|
color: #ff0000;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.iva {
|
||||||
|
color: #0000a0;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
x
Reference in New Issue
Block a user