外观

Kendo UI BottomNavigation 允许您通过设置小部件的itemFlow、themeColor、border、Shadow和fill选项来更改小部件的外观。

下面的示例演示了如何使用上述设置修改外观：

<nav id="bottomnavigation"></nav>

<script>
$(document).ready(function () {
$("#bottomnavigation").kendoBottomNavigation({
items: [
{ data: { view: "home" }, icon: "home", text: "Home", selected: true },
{ data: { view: "calendar" }, icon: "calendar", text: "Calendar" },
{ data: { view: "profile" }, icon: "user", text: "Profile" }
],
positionMode: "absolute",
itemFlow:"vertical",
themeColor: "secondary",
fill: "solid",
border: false,
shadow: true
});
});
</script>