fix(SubmitBar): fix decimal-length bug (#5224)

This commit is contained in:
Lindy 2019-12-09 17:41:05 +08:00 committed by neverland
parent 41824d7afa
commit 00c4e488c9

View File

@ -41,12 +41,17 @@ function SubmitBar(
function Text() { function Text() {
if (typeof price === 'number') { if (typeof price === 'number') {
const priceArr = (price / 100).toFixed(props.decimalLength).split('.'); const priceArr = (price / 100).toFixed(props.decimalLength).split('.');
const decimalStr = props.decimalLength ? `.${priceArr[1]}` : '';
return ( return (
<div style={{ textAlign: props.textAlign ? props.textAlign : '' }} class={bem('text')}> <div
style={{ textAlign: props.textAlign ? props.textAlign : '' }}
class={bem('text')}
>
<span>{props.label || t('label')}</span> <span>{props.label || t('label')}</span>
<span class={bem('price')}> <span class={bem('price')}>
{props.currency} {props.currency}
<span class={bem('price', 'integer')}>{priceArr[0]}</span>.{priceArr[1]} <span class={bem('price', 'integer')}>{priceArr[0]}</span>
{decimalStr}
</span> </span>
{props.suffixLabel && ( {props.suffixLabel && (
<span class={bem('suffix-label')}>{props.suffixLabel}</span> <span class={bem('suffix-label')}>{props.suffixLabel}</span>