银商小程序

UmsRate

属性

属性名 类型 默认值 说明
size String,Number 48px 星星的大小
length Number 5 星星的个数,总分
score String,Number 0 初始化的分数
readonly Boolean false 只读状态

代码示例

<template>
    <div class="wrap">
        <div class="part">
            <text class="title">自定义大小</text>
            <rate class="rate" size="24px"></rate>
            <rate class="rate"></rate>
            <rate class="rate" size="96px"></rate>
        </div>
        <div class="part">
            <text class="title">分数4分,只读</text>
            <rate class="rate" :score="4" :readonly="true"></rate>
        </div>
        <div class="part">
            <text class="title">自定义大小</text>
            <rate class="rate" :length="7"></rate>
        </div>
    </div>
</template>

<script>
    import {UmsRate} from 'ums-comp';
    export default{
        components:{
            UmsRate
        }
    }
</script>

<style scoped>
    .wrap{
        align-items center
    }
    .rate{
        margin-top: 20px
    }
    .part{
        margin-top: 50px
        align-items center
    }
    .title{
        font-size: 48px
    }
</style>

效果展示

An image

← UmsBadge →