<template>
|
<template if:true={showNormal}>
|
<div style="margin-left: 10px;margin-right: 10px;margin-top: 10px;margin-bottom: 10px;font-size:16px;text-align: right;padding-right:10px;">
|
<lightning-formatted-number value={value}></lightning-formatted-number>
|
</div>
|
</template>
|
<template if:true={showRed}>
|
<div style="margin-left: 10px;margin-right: 10px;margin-top: 10px;margin-bottom: 10px;font-size:16px;background-color:red;text-align: right;padding-right:10px;">
|
<lightning-formatted-number value={value}></lightning-formatted-number>
|
</div>
|
</template>
|
<template if:true={showYellow}>
|
<div style="margin-left: 10px;margin-right: 10px;margin-top: 10px;margin-bottom: 10px;font-size:16px;background-color:yellow;text-align: right;padding-right:10px;">
|
<lightning-formatted-number value={value}></lightning-formatted-number>
|
</div>
|
</template>
|
</template>
|
