金额 Amount

金额组件。

兼容性

• 兼容：✅
• 不兼容：❌
• 未知：❔

H5	安卓	苹果	微信	支付宝	百度	抖音	QQ	快手	飞书	京东
✅	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅

小红书	鸿蒙	360	华为快应用	快应用联盟
✅	❔	❔	❔	❔

插件市场地址

DCloud 插件市场地址

基础使用

• 通过 amount 属性设置金额值。

<template>
    <pure-amount amount="8.99"></pure-amount>
</template>

货币符号

• 通过 currency 属性设置货币符号。
• 设置为空时不显示。

<template>
    <pure-amount :amount="8.99" currency="$"></pure-amount>
    <pure-amount :amount="8.99" currency="€"></pure-amount>
    <pure-amount :amount="8.99" currency=""></pure-amount>
</template>

小数精度

• 通过 precision 属性设置小数精度，默认为 2。

<template>
    <!-- 默认 - 显示为：8.99 -->
    <pure-amount :amount="8.9988"></pure-amount>
    <!-- 3精度 - 显示为：8.998 -->
    <pure-amount :amount="8.9988" :precision="3"></pure-amount>
    <!-- 4精度 - 显示为：8.9988 -->
    <pure-amount :amount="8.9988" :precision="4"></pure-amount>
</template>

补充精度

• 通过 padZero 属性设置是否在设置的值精度达不到时，自动补全精度，补全精度就是在末尾补零。

<template>
    <!-- 默认不补充精度 - 显示为：8 -->
    <pure-amount :amount="8"></pure-amount>
    <!-- 补充精度后 - 显示为：8.00 -->
    <pure-amount :amount="8" padZero></pure-amount>
</template>

丢弃末尾的0

• 通过 dropZero 属性设置是否丢弃末尾的0，默认为 false。
• 该属性的优先级高于上方的 padZero属性，即：设置此属性后，设置 padZero 为 true 时，也会丢弃末尾的0。

<template>
    <!-- 默认不丢弃末尾的0 - 显示为：8.60 -->
    <pure-amount :amount="8.60"></pure-amount>
    <!-- 丢弃末尾的0后 - 显示为：8.6 -->
    <pure-amount :amount="8.60" dropZero></pure-amount>
</template>

千分位

• 通过 thousands 属性开启或关闭千分位符号功能，默认为 true。

<template>
    <!-- 默认显示千分位符号 - 显示为：8,600 -->
    <pure-amount :amount="8600"></pure-amount>
    <!-- 不显示千分位符号 - 显示为：8600 -->
    <pure-amount :amount="8600" :thousands="false"></pure-amount>
</template>

Props

属性名	说明	类型	默认值	可选值	版本
amount	金额、值	[String, Number]	0	-	+1.0.0
currency	货币符号	String	￥	-	+1.0.0
thousands	是否显示千分位符号	Boolean	true	false	+1.0.0
precision	精度	Number	2	-	+1.0.0
padZero	精度不够的时候是否补零	Boolean	false	true	+1.0.0
dropZero	是否舍弃末尾为0的小数位	Boolean	false	true	+1.0.0