| | |
| | | <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> |
| | | <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> |