更新记录

v1.1（2019-08-03）

更换图标方式改为iconfont（具体覆盖iconfont.css文件，插件属性type='图标名称'即可），更加方便使用

平台兼容性

sunui for Star

参数说明

版本号

• v1.0
• v1.1

示例

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

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

        },
        methods: {
            changeStar: function(e) {
                console.log('curStar:', e.curStar)
            }
        }
    }
</script>

<style>
</style>