分享
  • 收藏
  • 举报
    X
    @admin疑惑,关于头部模板 是否可以自定义?
    • 雪蓉网络&果城网仔 消费2610.1元 2018-09-28 09:16 09:16
    875
    15

    比如:首页、列表、内容

    头部模板是否可以做不一样的


    比如官方这个头部模板

    首页:1.2都调用

    列表:只调用2。1就不用了

    这样的情况怎么处理,高手们指点下

    8
    赏礼
    赏钱
    收藏
    点击回复
        全部留言
    • 15
    • 齐博神州 普通粉丝 消费:2958.36元 2018-09-28 13:03 13:036楼

      头部代码可以直接写在模板中,以下代码是我的一个模板的首页头部代码与栏目头部代码:


      首页头部代码

      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>{block name="head_title"}{$webdb.seo_title}手机版{/block}</title>
      <meta name="keywords" content='{block name="head_keword"}{$webdb.seo_keyword}{/block}'>
      <meta name="description" content='{block name="head_description"}{$webdb.seo_description}{/block}'>
      <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">
      <script type="text/javascript" src="__STATIC__/js/core/jquery.min.js"></script>
      </head>
      <body>
      <!--下面是钩子插件,做风格的时候尽量加上,方便扩展-->
      {:hook_listen('layout_body_head',$userdb,$webdb,true)}
      <link href="__STATIC__/index/wap/static/css/wapindex.css" type="text/css" rel="stylesheet" />
      <script type="text/javascript" src="__STATIC__/index/wap/static/js/umeiapp.js"></script>
      <div n="head" class="header">
        <div class="head-bar"><a href="/" class="head-logo l head-logo-article"></a></div>
        <h1 class="head-index-tit">{$webdb.webname}手机版</h1>
        <div class="head-right"><a m="nav" class="head-btn head-nav"></a></div>
      </div>
      <div n="nav" class="nav">
      <dl>
          <dt><a href="/">{$webdb.webname}</a></dt>
      {volist name=":sort_config('cms',0)" id="name"}
      	<dd><a href="{:urls('cms/content/index',"fid=$key")}">{$name}</a></dd>
      {/volist}
      	
        </dl>
      </div>

      栏目头部代码

      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>{$s_info.name}{block name="head_title"}{$webdb.seo_title}手机版{/block}</title>
      <meta name="keywords" content='{block name="head_keword"}{$webdb.seo_keyword}{/block}'>
      <meta name="description" content='{block name="head_description"}{$webdb.seo_description}{/block}'>
      <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">
      {block name="head_base_css"}<link rel="stylesheet" href="__STATIC__/css/base.css">{/block}
      {block name="head_qb_ui"}<link rel="stylesheet" href="__STATIC__/css/qb_ui.css">{/block}
      {block name="head_font_icon"}<link rel="stylesheet" href="__STATIC__/icon/icon.css">{/block}
      {block name="head_jquery_js"}<script type="text/javascript" src="__STATIC__/js/core/jquery.min.js"></script>{/block}
      {block name="head_layer_js"}<script type="text/javascript" src="__STATIC__/layer/layer.js"></script>{/block}
      </head>
      <body>
      <!--下面是钩子插件,做风格的时候尽量加上,方便扩展-->
      {:hook_listen('layout_body_head',$userdb,$webdb,true)}
      
      <style type="text/css">
      .qb_wap_header{
      	padding:12px 8px 4px 8px;
      	background:#62B3E7;
      	color:#fff;
      	height:26px;
      }
      .qb_wap_header a{
      	color:#fff;
      }
      .qb_wap_header div{
      	float:left;
      }
      .qb_wap_header{
      	text-align:center;
      }
      .qb_wap_header .R{
      	float:right;
      }
      </style>
      
      {block name="body_Headcont"}
      <div class="qb_wap_header">
      	<div class="L" onclick="Qibo.goBack('/');"><i class="fa fa-reply"> 返回</i></div>
      	{if M('name')} {:M('name')} {else /} {$webdb.webname} {/if}
      	<div class="R" onclick="window.location.href='{:get_url('member')}'"><i class="fa fa-user-circle-o"> 会员</i></div>
      </div>
      {/block}
      <!--<link rel="stylesheet" href="__STATIC__/group/index.css">
      <div class="MainContainer">
      	<div class="SearchBox">
      		<form method="POST" action="{:urls('search/index/lists')}">
      			<ul>
      				<ol><input name="keyword" type="text" placeholder="请输入关键字"/></ol>
      				<li><button type="submit"><i class="fa fa-search"></i></button></li>
      			</ul>
      		</form>
      	</div>-->
      
      <!--分类开始-->
      <!--<style type="text/css">
      .MainMenu{
      	margin-top:8px;
      	background: #FFF;
      	padding: 15px 10px;
      }
      .MainMenu ul:after{
      	content: '';
      	display:block;
      	clear: both;
      }
      .MainMenu ul li{
      	width:25%;
      	float: left;
      	overflow: hidden;
      	position: relative;
      	margin-bottom:5px;
      }
      .MainMenu ul li span,.MainMenu ul li em{
      	display: block;
      	width:60px;
      	overflow: hidden;
      	margin: auto;
      	text-align: center;
      	position: relative;
      }
      .MainMenu ul li span{
      	border-radius: 50%;
      	background: #23C075;
      	color: #FFF;
      }
      .MainMenu ul li em{
      	height: 20px;
      	overflow: hidden;
      	font-size:14px;
      }
      .MainMenu ul li:nth-child(2) span{
      	background: #F90;
      }
      .MainMenu ul li:nth-child(3) span{
      	background: #B01FE0;
      }
      .MainMenu ul li:nth-child(4) span{
      	background: #133CD7;
      }
      .MainMenu ul li span:before{
      	content: '';
      	display: block;
      	padding-top: 100%;
      }
      .MainMenu ul li span i{
      	position: absolute;
      	left:50%;
      	top: 50%;
      	font-size:30px;
        -webkit-transform: translate3D(-50%, -50%, 0);
            -ms-transform: translate3D(-50%, -50%, 0);
                transform: translate3D(-50%, -50%, 0);
      }
      </style>
      <div class="MainMenu">
      		<ul>
      {php}$menu_choose=config('system_dirname')?config('system_dirname'):'index';{/php}
      {volist name="pc|get_web_menu" id="rs"}
                  <li {if ($rs['activate']==$menu_choose||$rs['activate']==$menu_choose.'-'.$fid)}class="ck"{/if}><a href="{$rs.url}">{$rs.name}</a></li>  
            {/volist}
      		</ul>
      </div>-->
      <!--分类结束-->


    0 赏钱 赏礼回复
    • 海上漂 普通粉丝 消费:0元 2018-09-28 11:32 11:32
      其他手机
      6楼
      可以设置不同的头部就灵活点
      齐博神州 消费:2958.36元 2018-09-28 12:54
      头部代码直接写在模板中,首页,栏目页,内容页就可以使用不同的头部。
    0 赏钱 赏礼回复
    • 冰蓝世界 风格开发者 消费:1541.83元 2018-09-28 09:30 09:306楼
      {extend name="$index_style_layout" /}

      https://www.kancloud.cn/axdmin/blansj_x1/742273

      雪蓉网络&果城网仔 消费:2610.1元 2018-09-28 09:35
      教程看了、但好像不是我想要的 谢谢

      我的意思是  列表或者内容页   不调用layout里固定那个头部模板
      调用其他头部模板
      纳兰婕卿 消费:19.9元 2018-09-28 09:44
      ....你改一下不就好了么 = =
      冰蓝世界 消费:1541.83元 2018-09-28 09:50


      冰蓝世界 消费:1541.83元 2018-09-28 09:50
      仔细看教程吧 
      雪蓉网络&果城网仔 消费:2610.1元 2018-09-28 09:59
      谢谢、经测试
      extend name="$index_style_layout" /}
      或者使用绝对文件路径加载
      {extend name="./Template/Public/base.html" /}
      这个方法可行
      qiqi123 消费:3元 2018-09-28 10:56
      好有耐,佩服
    0 赏钱 赏礼回复
    • 素之美 风格开发者 消费:495.25元 2018-09-28 10:38 10:38
      iPhone
      6楼
      注意看模板中的代码就知道了,每个模板可以独立也可以调用指定模板,目前我做的风格全部集合到模板了
    1 赏钱 赏礼回复
    • admin 超级管理员 消费:3.03元 2018-09-28 09:21 09:216楼

      本来很简单的, 可能大家都不太会.晚点再出个教程吧

      雪蓉网络&果城网仔 消费:2610.1元 2018-09-28 09:25
      谢谢
    0 赏钱 赏礼回复
    • admin 超级管理员 消费:3.03元 2018-09-28 09:18 09:186楼

      可以的.列表页继承另一个模板就可以了. 或者是不要继承任何模板.所有代码都在当前页面

      雪蓉网络&果城网仔 消费:2610.1元 2018-09-28 09:21
      列表页继承另一个模板
      怎么弄啊 没有做过
    0 赏钱 赏礼回复
    更多回复
    恢复多功能编辑器
  • 3 1
  • 推荐内容
    扫一扫访问手机版
    请选择要切换的马甲:

     
    网页即时交流
    QQ咨询
    咨询热线
    020-28998648