外觀

Kendo UI BottomNavigation 允許您通過(guò)設(shè)置小部件的itemFlow、themeColor、border、Shadow和fill選項(xiàng)來(lái)更改小部件的外觀。

下面的示例演示了如何使用上述設(shè)置修改外觀：

<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>