文檔半島外圍網上直營>>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值為：
<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>
QQ交談
在線咨詢
渝公網安備
50010702500608號
客服熱線