36 lines
1.1 KiB
Vue
36 lines
1.1 KiB
Vue
<template>
|
|
<div>
|
|
<Rate v-model="value"></Rate>
|
|
<Rate allow-half v-model="valueHalf"></Rate>
|
|
<Rate clearable v-model="valueClear"></Rate>
|
|
<Rate clearable allow-half v-model="valueClearHalf"></Rate>
|
|
<Rate
|
|
allow-half
|
|
show-text
|
|
v-model="characterValue"
|
|
character="好"/>
|
|
<Rate allow-half v-model="cv" icon="ios-heart" />
|
|
<!--<Rate show-text v-model="valueText"></Rate>-->
|
|
<!--<Rate show-text allow-half v-model="valueCustomText">-->
|
|
<!--<span style="color: #f5a623">{{ valueCustomText }}</span>-->
|
|
<!--</Rate>-->
|
|
<!--<Rate disabled allow-half v-model="valueDisabled"></Rate>-->
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
value: 0,
|
|
valueHalf: 2.5,
|
|
valueText: 3,
|
|
valueCustomText: 4.0,
|
|
valueDisabled: 2.4,
|
|
valueClear: 1,
|
|
valueClearHalf: 1.5,
|
|
characterValue: 2.5,
|
|
cv: 3.5
|
|
}
|
|
}
|
|
}
|
|
</script>
|