<template>
    <div class="ht-base-rate-text-tips-demo">
        <ht-base-row>
            <ht-base-col span="12">
                <ht-base-rate
                        show-text
                        v-model="value4"
                        :tip-data="tipData"
                        character="好" />
            </ht-base-col>
            <ht-base-col span="12">
                <ht-base-rate v-model="value5" show-text :tip-data="tipData" icon="LiRa_like1" />
            </ht-base-col>
        </ht-base-row>
    </div>
</template>

<script>
  export default {
    name: 'HtBaseRateTextTipsDemo',
      data(){
        return {
            value3: 3,
            value4: 3,
            value5: 3,
            tipData: ['非常差','差','一般','好','非常好']
        }
      }
  }
</script>
<style lang="less">
    .ht-base-rate-text-tips-demo {
        .ht-base-rate{
            font-size: 18px;
            .ivu-rate-text{
                font-size: 13px;
            }
        }
    }
</style>

