前端小白解决疑难杂症之旅(三)

最新推荐文章于 2024-07-02 17:28:43 发布

panyiyao

最新推荐文章于 2024-07-02 17:28:43 发布

阅读量197

点赞数

文章标签： html5 js jquery

本文链接：https://blog.csdn.net/panyiyao/article/details/105123787

版权

本文介绍如何在前端项目中应用mui框架，通过hbuiler编码软件快速创建页面，尤其关注双Webview模式的实现。主要内容包括引入mui，创建包含标题栏、导航栏的主页面以及设置无缝跳转的导航栏。

摘要由CSDN通过智能技术生成

这次需要使用mui做一个demo实例

首先引入mui

<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />

如果使用hbuiler编码软件来开发的话，只需要在body里打出mOff就可以快速创建需要的页面了

我使用的是双webview 模式，所以需要创建一个主页面，主页面只有标题栏和导航栏，以及三个子页面

mui.plusReady(function() {
				var pages = ['plus/news.html', 'plus/movielist.html', 'plus/movie.html'];
				var arr = document.getElementsByClassName("mui-tab-item")
				var styles = {
					top: "41px",
					bottom: "51px"
				}
				var pageArr = [];
				var slef = plus.webview.currentWebview();
				for (var i = 0; i < arr.length; i++) {
					// 有几个选项卡，需要创建几个子页面
					var page = plus.webview.create(pages[i],