更新记录

v1.1(2019-08-03) 下载此版本

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


平台兼容性

sunui for Star


参数说明

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

版本号

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

隐私、权限声明

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

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

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

许可协议

MIT协议

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