gpt4 book ai didi

html - Kendo ui mobile 将默认主题设置为 flat ui

转载 作者:太空宇宙 更新时间:2023-11-04 13:42:30 29 4
gpt4 key购买 nike

我刚开始使用 kendo ui 并在下面运行一个非常基本的示例。

它目前显示为 ios,但我想一直将其设置为平面 ui 主题。我在演示或文档中看不到任何说明如何执行此操作的内容。

谁能告诉我如何将默认主题更改为平面设计?

<!doctype html>
<html>
<head>

<!-- Kendo UI Mobile CSS -->
<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />

<!-- jQuery JavaScript -->
<script src="js/jquery.min.js"></script>
<!-- Kendo UI Mobile combined JavaScript -->
<script src="js/kendo.mobile.min.js"></script>
<title>Kendo UI Examples</title>
</head>
<body>

<!-- Kendo Mobile View -->
<div data-role="view" data-title="test" id="index">
<!--Kendo Mobile Header -->
<header data-role="header">
<!--Kendo Mobile NavBar widget -->
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</header>
<!--Kendo Mobile ListView widget -->
<ul data-role="listview">
<li>Item 1</li>
<li>Item 2</li>
</ul>
<!--Kendo Mobile Footer -->
<footer data-role="footer">
<!-- Kendo Mobile TabStrip widget -->
<div data-role="tabstrip">
<a data-icon="home" href="#index">Home</a>
<a data-icon="settings" href="#settings">Settings</a>
</div>
</footer>
</div>
<script>
// Initialize a new Kendo Mobile Application
var app = new kendo.mobile.Application();
</script>

</body>
</html>

最佳答案

您可以在应用声明中覆盖设备/皮肤。

var app = new kendo.mobile.Application($(document.body), { skin: 'flat' });

或者您可以强制每个人都使用类似 Windows Phone 的界面

var app = new kendo.mobile.Application($(document.body), { platform: 'wp8' });

查看文档... http://docs.kendoui.com/api/mobile/application#configuration-platform

关于html - Kendo ui mobile 将默认主题设置为 flat ui,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18601068/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com