sunui for Star


参数说明

更新日期 参数名称 功能作用 默认 类型
defaultStar 默认评级 3 Number
maxStar 最大评级 5 Number
starSize 评级大小 1.5em String
isTips 是否开启提示 false Boolean
type 评级类型 star String
disabledStar 是否禁用 false Boolean

版本号

  • v1.0

示例

<template>
    <view>
        <view class="sun-title">喜爱评价(启用)</view>
        <sunui-star :defaultStar="starConfig.defaultStar" :maxStar="starConfig.maxStar" :starSize='starConfig.starSize' :isTips="starConfig.isTips" :type="starConfig.type" @changeStar="changeStar" class='sunui-star' />
        <view class="sun-title">星级评价(禁用)</view>
        <sunui-star :defaultStar="3" :disabledStar="true" class="sunui-star" />
        <view class="sun-title">星级评价(启用)</view>
        <sunui-star :defaultStar="2" :maxStar="5" :starSize='"1.2em"' @changeStar="changeStar" class='sunui-star' />
        <view class="sun-title">星级评价(更多)</view>
        <sunui-star :defaultStar="4" :maxStar="8" @changeStar="changeStar" class='sunui-star' />
        <view class="sun-title">星级评价(slot)</view>
        <sunui-star :defaultStar="4" :maxStar="6" @changeStar="changeStar" class='sunui-star'>
            <view class="sunui-small">(这里可以写评价内容...)</view>
        </sunui-star>
    </view>
</template>


    export default {
        data() {
            return {
                starConfig:{
                    defaultStar:2,
                    maxStar:5,
                    starSize:'1.2em',
                    isTips:true,
                    type:'love'
                }
            }
        },
        () {

        },
        methods: {
            changeStar: function(e) {
                console.log('curStar:', e.curStar)
            }
        }
    }


<style>
</style>

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

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

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

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