彩票走势图

logo telerik中文文档

外观

立即下载Kendo UI for jQuery

Badge允许您根据其内容设置不同的样式。

圆形

可用rounded值为：

  • “full”（默认）— 渲染圆形Badge。
  • “small”—渲染具有小边框半径的Badge。
  • “medium”— 渲染具有中等边框半径的Badge。
  • “large”— 渲染具有大边框半径的Badge。
  • “none”— 渲染没有边框半径的Badge。

以下示例演示了rounded Badge的选项： 

<a class="k-button"><span id="badge">42</span></a>

<script>
$(document).ready(function(){
$("#badge").kendoBadge({
rounded: "large"
});
});
</script>

主题颜色

Badge允许您指定预定义的主题颜色。

可用的themeColor值为：

  • “primary”（默认）— 应用基于主要主题颜色的着色。
  • “base”-应用基本主题颜色。
  • “secondary”—应用基于次要主题颜色的着色。
  • “tertiary”—应用基于第三主题颜色的着色。
  • “inherit”—应用继承的着色值。
  • “info”—应用基于信息主题颜色的着色。
  • “success”—应用基于成功主题颜色的着色。
  • “warning”—应用基于警告主题颜色的着色。
  • “error”—应用基于错误主题颜色的着色。
  • “dark”—应用基于深色主题颜色的着色。
  • “light”—应用基于浅色主题颜色的着色。
  • “inverse”—应用基于反转主题颜色的着色。
  • “none”-将不应用任何主题颜色类别。 
    <a class="k-button"><span id="badge">42</span></a>

<script>
$(document).ready(function(){
$("#badge").kendoBadge({
themeColor: 'success'
});
});
</script>

    尺寸

    Badge允许您配置尺寸。要指定大小，请设置size属性。

    可用size值为：

    • “small”
    • “medium”（默认）
    • “large”
    • “none”

    下面的示例演示了如何将该size选项设置为“large”： 

    <a class="k-button"><span id="badge">42</span></a>

<script>
$(document).ready(function(){
$("#badge").kendoBadge({
size: 'large'
});
});
</script>

    填充模式

    Badge使您能够设置样式选项并通过设置fill属性创建实心或轮廓徽章。

    可用的填充值为：

    • “solid”（默认）
    • “outline”
    • “none”

    下面的示例演示了如何将fill选项设置为“outline”： 

    <a class="k-button"><span id="badge">42</span></a>
<script>
$(document).ready(function(){
$("#badge").kendoBadge({
fill: 'outline'
});
});
</script>
    • 扫码咨询


    添加微信 立即咨询

    电话咨询

    客服热线
    023-68661681

    TOP