fastadmin/addons/cms/view/default/common/layout.html

154 lines
8.2 KiB
HTML

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class=""> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="renderer" content="webkit">
<title>{cms:config name="cms.title"/} - {cms:config name="cms.sitename"/}</title>
<meta name="keywords" content="{cms:config name='cms.keywords'/}" />
<meta name="description" content="{cms:config name='cms.description'/}" />
<link rel="stylesheet" media="screen" href="__ADDON__/css/common.css?v={cms:config name='site.version'/}" />
<link rel="stylesheet" media="screen" href="__ADDON__/css/font-awesome.min.css?v={cms:config name='site.version'/}" />
<link rel="stylesheet" media="screen" href="__ADDON__/css/jquery.colorbox.css?v={cms:config name='site.version'/}" />
<link rel="stylesheet" href="//at.alicdn.com/t/font_1461494259_6884313.css">
<!--[if lt IE 9]>
<script src="__CDN__/libs/html5shiv.js?v={cms:config name="site.version"/}"></script>
<script src="__CDN__/libs/respond.min.js?v={cms:config name="site.version"/}"></script>
<![endif]-->
<script type="text/javascript" src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="__ADDON__/js/bootstrap-typeahead.min.js"></script>
<script type="text/javascript" src="__ADDON__/js/common.js"></script>
</head>
<body class="group-page" >
<header class="header">
<!-- S 导航 -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{cms:config name='cms.indexurl'/}"><img src="__ADDON__/img/logo.png" width="180" alt=""></a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
<!--以下是两种实现导航菜单的方法-->
<!--如果你需要自定义NAV,可使用channellist标签来完成,这里只设置了2级-->
<!--
{cms:channellist id="nav" type="top"}
<li{if $nav.has_child} class="dropdown"{/if}>
<a href="{$nav.url}"{if $nav.has_child} data-toggle="dropdown"{/if}>{$nav.name}{if $nav.has_child} <b class="caret"></b>{/if}</a>
<ul class="dropdown-menu" role="menu">
{cms:channellist id="sub" type="son" typeid="$nav['id']"}
<li><a href="{$sub.url}">{$sub.name}</a></li>
{/cms:channellist}
</ul>
</li>
{/cms:channellist}
-->
<!--实现无限级下拉菜单,maxlevel来控制最大层级-->
{cms:nav maxlevel="3" cache="86400" /}
</ul>
<ul class="nav navbar-right hidden">
<ul class="nav navbar-nav">
<li><a href="javascript:;" class="addbookbark"><i class="fa fa-star"></i> 加入收藏</a></li>
<li><a href="javascript:;" class=""><i class="fa fa-phone"></i> 联系我们</a></li>
</ul>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<form class="form-inline navbar-form" action="{:addon_url('cms/search/index')}" method="get">
<div class="form-search hidden-sm">
<input class="form-control typeahead" name="search" data-typeahead-url="{:addon_url('cms/search/typeahead')}" type="text" id="searchinput" placeholder="搜索">
</div>
<div class="form-search visible-sm">
<a href="javascript:;" class="btn btn-default" id="searchbtn"><i class="fa fa-search"></i></a>
</div>
</form>
</li>
<li class="dropdown">
{if $user}
<a href="{:url('index/user/index')}" class="dropdown-toggle" data-toggle="dropdown" style="padding-top: 10px;height: 50px;">
<span class="avatar-img"><img src="{$user.avatar}" style="width:30px;height:30px;border-radius:50%;" alt=""></span>
</a>
{else /}
<a href="{:url('index/user/index')}" class="dropdown-toggle" data-toggle="dropdown">会员<span class="hidden-sm">中心</span> <b class="caret"></b></a>
{/if}
<ul class="dropdown-menu">
{if $user}
<li><a href="{:url('index/user/index')}"><i class="fa fa-user fa-fw"></i>会员中心</a></li>
<li><a href="{:url('index/user/logout')}"><i class="fa fa-sign-out fa-fw"></i>退出</a></li>
{else /}
<li><a href="{:url('index/user/login')}"><i class="fa fa-sign-in fa-fw"></i>登录</a></li>
<li><a href="{:url('index/user/register')}"><i class="fa fa-user-o fa-fw"></i>注册</a></li>
{/if}
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- E 导航 -->
</header>
{__CONTENT__}
<footer>
<div class="container-fluid" id="footer">
<div class="container">
<div class="row footer-inner">
{cms:block name="footer" /}
</div>
</div>
</div>
</footer>
<div id="floatbtn">
<!-- S 浮动按钮 -->
<!--
<a id="fb-tipoff" class="hover" href="javascript:;" target="_blank">
<i class="iconfont icon-pencil"></i>
</a>-->
{if $config.qrcode}
<a id="fb-qrcode" href="javascript:;">
<i class="iconfont icon-qrcode"></i>
<div id="fb-qrcode-wrapper">
<div class="qrcode"><img src="__CDN__{$config.qrcode}"></div>
<p>微信公众账号</p>
<p>微信扫一扫加关注</p>
</div>
</a>
{/if}
{if isset($__ARCHIVES__)}
<a id="feedback" class="hover" href="#comments">
<i class="iconfont icon-feedback"></i>
</a>
{/if}
<a id="back-to-top" class="hover" href="javascript:;">
<i class="iconfont icon-backtotop"></i>
</a>
<!-- E 浮动按钮 -->
</div>
</body>
</html>