更新记录

1.0.0(2019-12-18)

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


参数
属性名 类型 默认值 说明
isFill Boolean true 形状是否镂空
color String #CB003C 星星的颜色 (空心)
activeColor String #CB003C 星星选中状态颜色(实心)
size Number 24 星星大小
value Number 1 评分值
max Number 5 显示星星的个数
disabled Boolean false 是否禁用
margin String '0 0 0 0' 间距(可以设置多个方向)
border String none 边框设置

事件
事件 说明 返回参数
change Function value(目前选中的数量)

说明 如果想自定义形状可以进入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>


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


<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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问