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

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    :needSymbol="false" \n    :thousands="true"\n/>\n

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

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

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

<nut-price  \n    :price="15213.122" \n    :decimalDigits="3" \n    :needSymbol="true" \n    :thousands="true"\n/>\n

Prop

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