Star

星级评价组件

  • 通过Rate设置星级评价的分数, 最低0, 最高50, 5的倍数。
  • 通过phSize设置大小, 可选sm、md、lg。

主要属性和接口：

  • phSize(v1.1.2以下用size):星星的大小。分别为sm、md、lg, 默认sm。
    如：<Star phSize="lg" />
  • Rate:星级评价的分数。最低0, 最高50, 5的倍数递增, 默认0。
    如：<Star Rate={10} />

方法

属性

事件

Extends Component
Defined in: src/Star.js:16
Module: 基础组件

Available since 0.1.0

Constructor

Star

Star ()

Defined in src/Star.js:16

Available since 0.1.0

Example:

import React, { Component } from "react";
import {Star} from "phoenix-ui";
import Code from "./code/code";

export default class star extends Component{
    render(){
        return(
            <div>
                <h2 className="comp-title">Star</h2>
                <h3 className="comp-type">Rate(默认0) 星级评价的分数</h3>
                <div className="content">
                    <Star />
                    <Star Rate={5} />
                    <Star Rate={15} />
                    <Star Rate={20} />
                    <Star Rate={25} />
                    <Star Rate={30} />
                    <Star Rate={35} />
                </div>
                <Code target="star-rate" />

                <h3 className="comp-type">phSize(默认sm) 星星大小</h3>
                <div className="content">
                    <Star Rate={40} phSize="sm" />
                    <Star Rate={45} phSize="md" />
                    <Star Rate={50} phSize="lg" />
                </div>
                <Code target="star-phsize" />
            </div>
        );
    }
}

属性

classPrefix

String

Defined in src/Star.js:52

样式前缀

Default:

'star'

phSize

String

Defined in src/Star.js:45

星星大小

Default:

'sm'

Rate

Number

Defined in src/Star.js:38

星级评价分数

Default:

默认为0，最高50