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