<template>
    <div class="ht-base-rate-icon-tips-demo">
        <ht-base-row>
            <ht-base-col span="12">
                <ht-base-rate show-text v-model="valueText" @on-change="changeText"/>
            </ht-base-col>
            <ht-base-col span="12">
                <ht-base-rate show-text allow-half v-model="valueCustomText">
                    <span style="color: #f5a623">{{valueCustomText}}</span>
                </ht-base-rate>
            </ht-base-col>
        </ht-base-row>
    </div>
</template>

<script>
  export default {
    name: 'HtBaseRateIconTipsDemo',
      data(){
        return {
            valueText:3,
            valueCustomText: 3.8,
        }
      },
      methods:{
          changeText(value){
              console.log(value)
          }
      }
  }
</script>
<style>
    .ht-base-rate-icon-tips-demo {

    }
</style>

