MUI框架学习——用webview方式创建子页面

最新推荐文章于 2024-08-05 10:38:15 发布

tobeadoer

最新推荐文章于 2024-08-05 10:38:15 发布

阅读量4.1k

点赞数 1

文章标签： MUI

本文链接：https://blog.csdn.net/qq_41626229/article/details/84190974

版权

本文介绍如何利用webview方式在MUI框架中创建子页面，通过实例展示了在index.html中添加代码来引入sub1.html, sub2.html, sub3.html, sub4.html等子页面的过程。" 115332602,10576751,Vue性能优化实践与技巧,"['Vue', 'javascript', '前端开发']

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

上一篇文章说到简单的第一种方式实现子页面，但为了页面整洁，一般不用，这里将介绍第二种更常用的创建子页面的方法

首先创建四个页面：sub1.html，sub2.html，sub3.html，sub4.html（选择包含mui项目的html），然后在主页面index.html中添加代码如下：`

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/tab.css"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body>
	<header class="mui-bar mui-bar-nav