import{c as t,o as d,A as e}from"./vendor.27122b45.js";const o={class:"markdown-body"},r=e('

Price 商品价格

介绍

用来对商品价格数值的小数点前后部分应用不同样式，还支持人民币符号、千位分隔符、设置小数点位数等功能。

安装

import { createApp } from 'vue';\nimport { Price } from '@nutui/nutui';\n\nconst app = createApp();\napp.use(Price);\n\n

代码示例

基本用法

<nut-price \n    :price="1010" \n    :need-symbol="false" \n    :thousands="true"\n/>\n

有人民币符号，无千位分隔

<nut-price  \n    :price="10010.01" \n    :need-symbol="true" \n    :thousands="false"\n/>\n

带人民币符号，有千位分隔，保留小数点后三位

<nut-price  \n    :price="15213.122" \n    :decimal-digits="3" \n    :need-symbol="true" \n    :thousands="true"\n/>\n

Prop

字段说明类型默认值
price价格数量Number0
need-symbol是否需要加上人民币符号Booleantrue
symbol符号类型String“$”
decimal-digits小数位位数Number2
thousands是否按照千分号形式显示Booleanfalse
',14),n={expose:[],setup:e=>(e,n)=>(d(),t("div",o,[r]))};export default n;