<template>
  <div class="demo-rate-text">
    <div class="demo-box">
      <ui-rate
        v-model="value"
        show-text>
      </ui-rate>
    </div>
    <div class="demo-box">
      <ui-rate
        v-model="value"
        show-score>
      </ui-rate>
    </div>
    <div class="demo-box">
      <ui-rate
        v-model="value"
        show-text>
        <template
          slot="text"
          slot-scope="prop">
          评价是 {{ prop.value }}, {{ prop.text }}
        </template>
      </ui-rate>
    </div>
  </div>
</template>

<script>
import { Rate } from "amumu-ui"
export default {
  components: {
    "ui-rate": Rate,
  },

  data() {
    return {
      value: 3.5,
    }
  },
}
</script>
