import{e as s,o as a,G as t}from"./vendor.f7062dc0.js";const n={class:"markdown-body"},p=[t('

Price 商品价格

介绍

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

安装

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

代码示例

基本用法

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

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

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

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

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

异步随机变更

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

setup() {\n    const price = ref(0);\n    setInterval(() => {\n        price.value = Math.random()*10000000;\n    }, 1000);\n    return {\n        price\n    };\n}\n

Prop

字段	说明	类型	默认值
price	价格数量	Number	0
need-symbol	是否需要加上 symbol 符号	Boolean	true
symbol	符号类型	String	¥
decimal-digits	小数位位数	Number	2
thousands	是否按照千分号形式显示	Boolean	false

',17)],l={setup:(t,{expose:l})=>(l({frontmatter:{}}),(t,l)=>(a(),s("div",n,p)))};export{l as default};