外觀
立即下載Kendo UI for jQuery
Badge允許您根據(jù)其內(nèi)容設(shè)置不同的樣式。
圓形
可用rounded值為:
- “full”(默認(rèn))— 渲染圓形Badge。
- “small”—渲染具有小邊框半徑的Badge。
- “medium”— 渲染具有中等邊框半徑的Badge。
- “l(fā)arge”— 渲染具有大邊框半徑的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允許您指定預(yù)定義的主題顏色。
可用的themeColor值為:
<a class="k-button"><span id="badge">42</span></a>
<script>
$(document).ready(function(){
$("#badge").kendoBadge({
themeColor: 'success'
});
});
</script>
	尺寸
Badge允許您配置尺寸。要指定大小,請設(shè)置size屬性。
可用size值為:
- “small”
- “medium”(默認(rèn))
- “l(fā)arge”
- “none”
下面的示例演示了如何將該size選項設(shè)置為“l(fā)arge”:
<a class="k-button"><span id="badge">42</span></a>
<script>
$(document).ready(function(){
$("#badge").kendoBadge({
size: 'large'
});
});
</script>
	填充模式
Badge使您能夠設(shè)置樣式選項并通過設(shè)置fill屬性創(chuàng)建實心或輪廓徽章。
可用的填充值為:
- “solid”(默認(rèn))
- “outline”
- “none”
下面的示例演示了如何將fill選項設(shè)置為“outline”:
<a class="k-button"><span id="badge">42</span></a>
<script>
$(document).ready(function(){
$("#badge").kendoBadge({
fill: 'outline'
});
});
</script>

 QQ交談
QQ交談 在線咨詢
在線咨詢 
                 
                
 渝公網(wǎng)安備
            50010702500608號
渝公網(wǎng)安備
            50010702500608號
             
            
 客服熱線
客服熱線