页面示例:
源码解析:
<!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" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="telephone=no" name="format-detection" />
<title>{$eyou.field.seo_title}</title>
<meta name="description" content="{$eyou.field.seo_description}" />
<meta name="keywords" content="{$eyou.field.seo_keywords}" />
<link href="{eyou:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="{eyou:global name='web_templets_m' /}/skin/css/master.css" />
<link rel="stylesheet" type="text/css" href="{eyou:global name='web_templets_m' /}/skin/css/subpage.css" />
<link rel="stylesheet" type="text/css" href="{eyou:global name='web_templets_m' /}/skin/css/child_vip.css" />
<script type="text/javascript" src="{eyou:global name='web_templets_m' /}/skin/js/jquery.js"></script>
<style>
.head {
background: #fff
}
.foot {
background: #705348
}
.nav {
background: #705348
}
.nav_color {
background: #705348
}
</style>
<script type="text/javascript" src="{eyou:global name='web_templets_m' /}/skin/js/nav.js"></script>
<script type="text/javascript" src="{eyou:global name='web_templets_m' /}/skin/js/cart_icon.js"></script>
</head>
<body>
{eyou:include file="/template/mobile/header.htm" /}
<div class="allpage">
<div class="black-fixed commonfont"></div>
<div class="header">
<div class="head"> <a href="{eyou:global name='web_cmsurl' /}/" title="{eyou:global name='web_name' /}" class="home-btn commonfont"></a>
<p class="top-title">{$eyou.field.typename}</p>
{eyou:notempty name="$eyou.field.has_children"}
<div class="class-btn"><span class="commonfont"></span></div>
{/eyou:notempty}
<div class="nav-btn commonfont"></div>
</div>
<div class="type">
<h1>分类:</h1>
<ul>
{eyou:channel type="first" row="60" id="field"}
<li> <a href="{$field.typeurl}"> {$field.typename} </a> <span class="commonfont class-down"></span>
<dl>
</dl>
</li>
{/eyou:channel}
</ul>
</div>
</div>
<div class="content">
<ul class="common_news" id="contentArea">
{eyou:list pagesize ='10' titlelen="40" }
<li class="news1"> <a href="{$field.arcurl}" title="{$field.title}"><span>{$field.title}</span><span>{$field.add_time|MyDate='Y-m-d',###}</span></a> </li>
{/eyou:list}
</ul>
<div class="page">
<ul>
{eyou:pagelist listitem='index,end,pre,next' listsize='2' /}
</ul>
</div>
</div>
{eyou:include file="/template/mobile/footer.htm" /} </div>
</body>
</html>