模板加载

weixin_30376083

于 2018-01-18 17:30:00 发布

阅读量85

点赞数

原文链接：http://www.cnblogs.com/zgaspnet/p/8311400.html

版权

本文介绍了一个基于MUI框架的移动端页面布局实现方案。通过展示具体的PHP控制层调用及HTML模板代码，详细说明了如何设置页面的基本样式和结构，包括头部导航栏、主体内容区域等。同时提供了CSS自定义样式的引入方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.control调用模板

public function index(){
    return view("mobile.index.index");
}


2. 模板文件

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="{{asset("mui/css/mui.min.css")}}">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="{{asset("mui/css/app.css")}}" />
    @yield('style')
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <h1 class="mui-title"></h1>
</header>
<div class="mui-content">
    @section('content')
        This is the master sidebar.
    @show


</div>
<script src="{{asset("mui/js/mui.min.js")}}"></script>
</body>

</html>

转载于:https://www.cnblogs.com/zgaspnet/p/8311400.html