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