import{e as a,o as t,G as n}from"./vendor.d721e0a0.js";const p={class:"markdown-body"},l=n(`

Price \u5546\u54C1\u4EF7\u683C

\u4ECB\u7ECD

\u7528\u6765\u5BF9\u5546\u54C1\u4EF7\u683C\u6570\u503C\u7684\u5C0F\u6570\u70B9\u524D\u540E\u90E8\u5206\u5E94\u7528\u4E0D\u540C\u6837\u5F0F\uFF0C\u8FD8\u652F\u6301\u4EBA\u6C11\u5E01\u7B26\u53F7\u3001\u5343\u4F4D\u5206\u9694\u7B26\u3001\u8BBE\u7F6E\u5C0F\u6570\u70B9\u4F4D\u6570\u7B49\u529F\u80FD\u3002

\u5B89\u88C5

import { createApp } from 'vue';
//vue
import { Price } from '@nutui/nutui';
//taro
import { Price } from '@nutui/nutui-taro';

const app = createApp();
app.use(Price);

\u57FA\u672C\u7528\u6CD5

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

\u6709\u4EBA\u6C11\u5E01\u7B26\u53F7\uFF0C\u65E0\u5343\u4F4D\u5206\u9694

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

\u5E26\u4EBA\u6C11\u5E01\u7B26\u53F7\uFF0C\u6709\u5343\u4F4D\u5206\u9694\uFF0C\u4FDD\u7559\u5C0F\u6570\u70B9\u540E\u4E09\u4F4D

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

\u5F02\u6B65\u968F\u673A\u53D8\u66F4

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

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

Prop

\u5B57\u6BB5	\u8BF4\u660E	\u7C7B\u578B	\u9ED8\u8BA4\u503C
price	\u4EF7\u683C\u6570\u91CF	Number	0
need-symbol	\u662F\u5426\u9700\u8981\u52A0\u4E0A symbol \u7B26\u53F7	Boolean	true
symbol	\u7B26\u53F7\u7C7B\u578B	String	\xA5
decimal-digits	\u5C0F\u6570\u4F4D\u4F4D\u6570	Number	2
thousands	\u662F\u5426\u6309\u7167\u5343\u5206\u53F7\u5F62\u5F0F\u663E\u793A	Boolean	false

`,16),e=[l],u={setup(r,{expose:s}){return s({frontmatter:{}}),(o,h)=>(t(),a("div",p,e))}};export{u as default};