更新记录

1.0.0（2019-12-18）

如有问题联系QQ:474977841 初始化项目 可以看组建文档

平台兼容性

参数

事件

说明 如果想自定义形状可以进入www.iconfont.cn下载代码图片

components/rate/font-rate 已选择的形状 （⚠️注意：components/rate/font-rate/uni-icon.vue）是设置形状的组件，可以进行看里面的注释进行修改 components/rate/font-rate 未选择的形状

<template>
    <view class="rate-content">
            <uniRate text="1" size="34" margin="10" :value="rateValue" @change="rateChange"></uniRate>
            <view class="rate-tips">{{rateTitleArr[rateValue-1]}}</view>
    </view>
</template>

<script>
    import uniRate from '@/components/wyc-rate/uni-rate'
    export default {
        components:{uniRate},
        data() {
            return {
                rateValue:1,
                rateTitleArr:['很差','差','中','好','很好']
            }
        },
        methods: {
            rateChange(val){
              this.rateValue=val.value
            }
        }
    }
</script>

<style lang="scss">
    .rate-content{
        margin-top: 60rpx;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
        .rate-tips{
            margin-top: 10rpx;
            font-size: 32rpx;
        }
    }
</style>