后浪云百度小程序教程:rate 评分

  • rate 评分
    • 属性说明
    • 示例
      • 代码示例

    rate 评分

    解释:评分组件,一般用于对服务的满意度进行评价。

    属性说明

    属性名 类型 必填 默认值 说明

    count

    Number

    5

    星星总数

    stars

    Number

    激活星星个数,范围是 0~count ,可以是小数,例如 3.5

    activeColor

    String

    #2772FB

    激活星星的颜色

    sleepColor

    String

    #ccc

    未激活星星的颜色

    starSize

    String

    24px

    星星的大小

    tipText

    String

    stars 分

    右侧提示文案,默认为 stars 分

    tipTextColor

    String

    #999

    右侧提示文案颜色

    hasTipText

    Boolean

    false

    是否显示右侧提示文案

    disabled

    Boolean

    false

    是否禁用

    isSliding

    Boolean

    false

    是否可以滑动评分

    customStar

    Boolean

    false

    是否通过slot自定义星星图标

    smt-rate-wrap

    String

    提供扩展样式类,供开发者自定义组件样式,可通过此 class 改变组件外层样式

    smt-star-wrap

    String

    提供扩展样式类,供开发者自定义组件样式,可通过此 class 改变单个星星的样式

    smt-tip-wrap

    String

    提供扩展样式类,供开发者自定义组件样式,可通过此 class 改变右侧提示文案样式

    bindchange

    EventHandle

    改变评分触发事件,事件详情 {new: ‘当前选择分数’, old: ‘上次选择分数’}

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    后浪云百度小程序教程:rate 评分插图

    请使用百度APP扫码

    代码示例

    • SWAN
    • JS
    • CSS
    • JSON
     
     
     
    1. <smt-rate
    2. stars="{{5}}"
    3. bind:change="change"
    4. ></smt-rate>
    THE END