<Columns>
    <Column class="@B.TextCentered">
        <p>默认不区分颜色</p>
        <p>
            <Rate Value="val1"></Rate>
        </p>
    </Column>
    <Divider IsVertical></Divider>
    <Column class="@B.TextCentered">
        <p>区分颜色</p>
        <p>
            <Rate @bind-Value="val2" LowColor="#99A9BF" MiddleColor="#F7BA2A" HighColor="#FF0000"></Rate>
        </p>
    </Column>
</Columns>

@code {
    double val1 = 4;
    double val2 = 2;
}

<Rate @bind-Value="val" ShowText/>

@code {
    double val = 3;
}

<Rate style="font-size: 2em" @bind-Value="val"
       LowIconClass="fa-frown-o"
       MiddleIconClass="fa-meh-o"
       HighIconClass="fa-smile-o"
       VoidIconClass="fa-meh-o">
</Rate>

@code {
    double val = 0;
}

<Rate Value="val" Disabled ShowScore TextColor="#ff9900">
    <ScoreSlot>@context</ScoreSlot>
</Rate>

@code {
    //例子中的 ScoreSlot 是默认值，不用设置
    double val = 3.7;
}