页面设计规范

请严格按照此布局设计 为什么要这样要求

原因是为了方便插件及模板整体的兼容

公共头部文件 header.html 规范写法 

<div class="header"></div>

公共样式文件style.html例如

<?php
    use think\facade\Db;
    $time = '0.01';
    $diqu = dingyi(db_find('diqu',['id'=>get('region',cookie('IndexRegion'))],'name'),'全国总站');
?>
<!--jquer-->
<script type="text/javascript" src="/public/static/js/jquery-3.6.4.min.js"></script>
<!--layui-->
<link rel="stylesheet" href="/public/static/layui/css/layui.css">
<script type="text/javascript" src="/public/static/layui/layui.js"></script>
<!--模板css-->
<link rel="stylesheet" href="{:config('view.style')}/css/style.css?v={$time}">
<!--公共模板js-->
<script type="text/javascript" src="{:config('view.style')}/js/public.js?v={$time}"></script>
<!--幻灯片-->
<link rel="stylesheet" href="/public/static/css/swiper-bundle.min.css">    
<script src="/public/static/js/swiper-bundle.min.js"> </script>

公共样式底部footer.html

<!--底部链接-->
{volist name=":Db::name('link')->where(['open'=>1,'wz'=>2])->order('px desc')->select()" id="vo"}
<li>
    <a href="{$vo.lianjie}" {if $vo.xin}target="_blank"{/if}>{$vo.name}</a>
</li>
{/volist} 
<!--关于-->
{:set('guanyu','set')}
<!--备案号-->
{:set('icp','set')}
<!--统计代码-->
{:set('tongji','set')}

一个完整的页面例如首页index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
        <title> {:set('titles')} </title>
        <meta name="keywords" content="{:set('keywords',1)}">
        <meta name="description" content="{:set('description',1)}">
        <!--调用样式-->
        {include file="style"}
    </head>
    <body>
        <!--调用公共头部-->
        {include file="header"}
        <!--我是内容-->
        <!--调用公共底部-->
        {include file="footer"}
    </body>
</html>