外觀
立即下載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交談
在線咨詢
渝公網(wǎng)安備
50010702500608號
客服熱線