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

Rate \u8BC4\u5206

\u4ECB\u7ECD

\u7528\u4E8E\u5FEB\u901F\u7684\u8BC4\u7EA7\u64CD\u4F5C\uFF0C\u6216\u5BF9\u8BC4\u4EF7\u8FDB\u884C\u5C55\u793A\u3002

\u5B89\u88C5

import { createApp } from 'vue';
//vue
import { Rate,Icon } from '@nutui/nutui';
//taro
import { Rate,Icon } from '@nutui/nutui-taro';

const app = createApp();
app.use(Rate);
app.use(Icon);

\u4EE3\u7801\u6F14\u793A

\u57FA\u7840\u7528\u6CD5

<nut-rate v-model="value" />

import { ref } from 'vue';
setup() {
    const value = ref(3);
    return { value }
}

\u81EA\u5B9A\u4E49icon

<nut-rate checked-icon="heart-fill1" unchecked-icon="heart" v-model="value" />

\u81EA\u5B9A\u4E49\u6570\u91CF

<nut-rate :total="6" v-model="value" />

\u81EA\u5B9A\u4E49\u989C\u8272

<nut-rate active-color="#FFC800" v-model="value" />

\u7981\u7528\u72B6\u6001

<nut-rate disabled v-model="value" />

\u53EA\u8BFB

<nut-rate v-model="value" readOnly />

\u7ED1\u5B9A\u4E8B\u4EF6

<nut-rate v-model="value" @change="onChange" />

import { ref } from 'vue';
setup() {
    const value = ref(3);
    const onChange = (val)=>{
        Toast.text(val);
    }
    return { value }
}

\u81EA\u5B9A\u4E49\u5C3A\u5BF8

<nut-rate v-model="value" icon-size="35" />

Prop

\u5B57\u6BB5	\u8BF4\u660E	\u7C7B\u578B	\u9ED8\u8BA4\u503C
v-model	\u5F53\u524D star \u6570\uFF0C\u53EF\u4F7F\u7528 v-model \u53CC\u5411\u7ED1\u5B9A\u6570\u636E	Number	-
count	star \u603B\u6570	Number	5
icon-size	star \u5927\u5C0F	Number	18
active-color	\u56FE\u6807\u9009\u4E2D\u989C\u8272	String	#fa200c
void-color	\u56FE\u6807\u672A\u9009\u4E2D\u989C\u8272	String	#ccc
unchecked-icon	\u4F7F\u7528\u56FE\u6807(\u672A\u9009\u4E2D)	String	star-n
checked-icon	\u4F7F\u7528\u56FE\u6807(\u9009\u4E2D)	String	star-fill-n
allow-half	\u662F\u5426\u534A\u661F	Boolean	false
readonly	\u662F\u5426\u53EA\u8BFB	Boolean	false
disabled	\u662F\u5426\u7981\u7528	Boolean	false
spacing	\u95F4\u8DDD	Number	20

Event

\u5B57\u6BB5	\u8BF4\u660E	\u56DE\u8C03\u53C2\u6570
change	\u5F53\u524D\u5206\u503C\u4FEE\u6539\u65F6\u65F6\u89E6\u53D1\u7684\u4E8B\u4EF6	\u5F53\u524D\u503C

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