欄目頁模板
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<meta content='{PE.Label id="取得META信息" nodeId="@RequestInt_Id" metaType="keywords" /}' name="Keywords" />
<meta content='{PE.Label id="取得META信息" nodeId="@RequestInt_Id" metaType="description" /}' name="Description" />
<title>{PE.Label id="取得節(jié)點名稱" nodeId="@RequestInt_Id" /}-{PE.SiteConfig.SiteTitle/}</title>
{PE.Label id="腳本" /}
</head>
<body>
<div id="wrap">
<div id="wrap-in" class="clearfix">
{PE.Label id="頂部" /}
<div class="main">
<div class="hd">{PE.Label id="取得節(jié)點名稱" nodeId="@RequestInt_Id" /}</div>
<div class="bd-list">
<ul>
{PE.Label id="最簡信息列表" nodeid="2" page="true" pagesize="12" urlpage="true"/}
</ul>
</div>
<div class="page">
{PE.Page id="欄目分頁" datasource="最簡信息列表" /}
</div>
</div>
</div>
</div>
<div class="clear"></div>
{PE.Label id="底部" /}
</body>
</html>
列表標簽config
<?xml version="1.0" encoding="utf-8"?>
<root>
<LabelType>MM標簽</LabelType>
<LabelIntro>
</LabelIntro>
<OutType>sin</OutType>
<LabelDataType>sql_sysquery</LabelDataType>
<EnabelAjax>False</EnabelAjax>
<Version officialVersion="" modifiedVersions="5285" compatibleVersion="" />
<attributes>
<name>nodeid</name>
<datatype>supersql</datatype>
<default>1</default>
<intro>節(jié)點ID</intro>
</attributes>
<UsePage>True</UsePage>
<IsXsltSql>false</IsXsltSql>
<IsXsltCountSql>false</IsXsltCountSql>
<LabelSqlString><![CDATA[select top @pagesize CM.* From PE_CommonModel CM where CM.NodeID in (select * From SplitID((select arrChildID from PE_Nodes where NodeID=@nodeid),','))
and CM.GeneralID NOT IN (SELECT Top @startrow ICM.GeneralID FROM PE_CommonModel ICM WHERE ICM.NodeID in (select * From SplitID((select arrChildID from PE_Nodes where NodeID=@nodeid),',')) AND ICM.Status=99 ORDER BY ICM.UpdateTime DESC) and CM.Status=99 ORDER BY CM.UpdateTime DESC ]]></LabelSqlString>
<LabelSqlCount><![CDATA[select count(GeneralID) from PE_CommonModel CM where CM.NodeID in (select * From SplitID((select arrChildID from PE_Nodes where NodeID=@nodeid),',')) and CM.Status=99]]></LabelSqlCount>
<LabelTemplate><![CDATA[<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:pe="labelproc" exclude-result-prefixes="pe">
<xsl:output method="html" version="1.0" encoding="utf-8" indent="yes"/>
<xsl:param name="titleLength"/>
<xsl:param name="displayNewSign" />
<xsl:template match="NewDataSet">
<xsl:choose>
<xsl:when test="Table">
<xsl:for-each select="Table">
<li>
<a>
<xsl:attribute name="target">_self</xsl:attribute>
<xsl:attribute name="title">標題:<xsl:value-of select="Title"/> <xsl:value-of select="' '"/>點擊數(shù):<xsl:value-of select="Hits"/> <xsl:value-of select="' '"/>發(fā)表時間:<xsl:value-of select="pe:FormatDate(UpdateTime, 'yy年mm月dd日')"/>
</xsl:attribute>
<xsl:attribute name="href">
<xsl:value-of select="pe:GetInfoPath(NodeID,GeneralID,InputTime,PinyinTitle,HtmlPageName)"/>
</xsl:attribute>
<xsl:value-of select="pe:CutText(pe:RemoveHtml(pe:EncodeText(Title,'htmldecode')),80,'…')"/>
</a>
</li>
</xsl:for-each>
</xsl:when>
<xsl:otherwise>
<span class="missing_data">還沒有任何內(nèi)容碟绑!</span>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
</xsl:stylesheet>]]></LabelTemplate>
</root>
CSS文件效拭,自適應
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
html{ width:100%; height:100%;}
body{ width:100%; height:100%; color:#333;font:16px/20px '宋體'; -webkit-text-size-adjust: none; background:#fff; }
a{color:#333;text-decoration:none; outline:none;}
a:hover { text-decoration:underline; }
.clear{clear: both;font-size: 0;height: 0;line-height: 0;}
html, body, #wrap {height: 100%;width:100%;}
body > #wrap {height: auto; min-height: 100%;}
#wrap-in {padding-bottom: 80px;} /* 必須使用和footer相同的高度 */
.clearfix:after {content: ".";display: block;height: 0; clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.inbox{width:1000px;margin: 0 auto}
.top{height:30px;line-height:30px;background:#333;color:#fff;text-align:right;}
.top a{color:#fff;padding-right:15px;font-size:12px;}
/*首頁用*/
.header{width:1000px;margin:0px auto;padding:100px 0 40px 0;}
.header .logo{height:100px;background: url(images/logo.png) center top no-repeat;}
.header .txt{height:50px;background: url(images/sys1.png) center top no-repeat;}
.search_bd{ height:44px; overflow: hidden;width:650px;margin: 0 auto;}
.search_kk{float: left; height: 28px; line-height: 28px; border:1px solid #bfbfbf;border-right:0px;border-radius: 4px 0 0 4px;padding: 7px 0 7px 20px; width: 555px; font-size: 14px;background: none; outline: none; }
.search_an{width: 74px;height:44px;float: right;background: url(images/search_an.png) 0px center no-repeat;line-height: 28px;text-indent: 200%;overflow: hidden;cursor: pointer; border: none;}
#footer{ width:631px;height:80px;overflow:hidden;margin:-80px auto 0;position: relative;font-size:12px;}
#footer .lbox{width:120px;float:left;background: url(images/erwm.png) right center no-repeat;height:55px;padding-top:15px;padding-right:80px;}
#footer .rbox{width:390px;float:left;margin-left:20px;padding:5px 0 5px 20px;border-left:1px solid #545454;}
#footer .lbox p{ line-height:20px;color:#545454;font-size: 12px;text-align: center;}
#footer .rbox p{ line-height:20px;color:#545454;font-size: 12px;text-align: left;}
/*內(nèi)頁用*/
.header2{width:1000px;margin: 20px auto 10px;overflow:hidden;border-bottom:5px solid #898989;}
.header2 .logo2{width:400px;float:left;height:70px;background: url(images/logo2.png) center top no-repeat;}
.header2 .logo2 a{width:400px;height:70px;display:block;}
.main{width:700px;margin:10px auto;overflow:hidden;}
.main .bd{overflow:hidden;position: relative;}
.main .bd .logo3{display:none;position: absolute;top:115px;left:282px;width:165px;height:165px;background: url(images/logo3.png) center top no-repeat;}
.main .bd .bd-info{width:350px;float:left;}
.main .bd .bd-info li{height:30px;line-height:30px;border-bottom:1px solid #ccc;display:block;padding-left:10px;clear:both;}
.main .bd .bd-info li em{font-weight:bold;color:#000;}
.main .bd .bd-info li p{width:170px;float:left;height:35px;display:block;}
.main .bd .bd-pic{width:270px;float:left;padding:20px 40px;}
.main .bd .bd-txt{padding:10px 10px;overflow:hidden;}
.main .bd .bd-txt h2{font-weight:bold;color:#000;}
.main .bd .bd-txt p{line-height:25px;text-indent:2em;}
.main .bd .bd-txt .pics{}
.main .bd .bd-txt .pics h2{height:30px;line-height:30px;border-bottom:1px dashed #ff0000;color:#ff0000;padding-left:15px;}
.main .bd .bd-txt .pics .big_pic{padding:15px;text-align:center;}
.main .err{overflow:hidden;width:312px;height:85px;background: url(images/err.png) center top no-repeat;margin:180px auto 0px;text-indent:-9999em;}
.main .hd{height:auto;padding:15px 0;overflow:hidden;line-height:22px;border-bottom:1px solid #ccc;text-align:center;font-family: "微軟雅黑";font-size:18px;}
.main .bd-list{padding:15px;}
.main .bd-list ul li{height:30px;line-height:30px;background: url(images/li1.png) 0 center no-repeat;padding-left:10px;overflow:hidden;}
.main .bd-art{padding:15px;}
.main .bd-art p{text-indent:2em;line-height:25px;}
/* url_方塊樣式分頁 */
.page{font-size: 0;text-align: center;padding: 25px 0;clear:both; line-height:26px;}
.page a{ font-size:12px; display:inline-block; *display:inline; zoom:1; border:1px solid #d4d4d4; padding:2px 10px; margin-right:5px; border-radius:2px }
.page a:hover {border:1px solid #ff0000; text-decoration:none; color:#ff0000;}
.page b a, .page .current{ background:#ff0000; border:1px solid #ff0000; color:#fff !important;}
.page select{height: 20px;line-height: 20px;padding:0 8px;background:#fff;border:1px solid #d4d4d4;vertical-align:middle;}
/*手機版*/
@media (max-width: 767px) {
.top .inbox{width:100%;}
.top .inbox .c{display:none;}
.header{width:100%;margin:0px auto;padding:80px 0 40px 0;}
.header .logo{height:80px;background: url(images/logo.png) center top no-repeat;}
.header .txt{width:200px;margin:0 auto;height:50px;background: url(images/sys1.png) center center no-repeat;background-size:100%}
.search_bd{ height:133px; overflow: hidden;width:88%;margin:0 auto;clear:both;}
.search_kk{clear:both;float:none;display: block; height: 28px;width:92%;margin:0 auto;text-align:center;line-height: 28px; border-right:1px solid #bfbfbf;border-radius: 4px 4px 4px 4px;padding: 7px 0 7px 0; font-size: 14px; background: none; outline: none;}
.search_an{clear:both;width:250px;float:none;margin:35px auto 0;height:44px;display: block;background: url(images/an2.png) 0px center no-repeat;background-size:100%;border: none;line-height: 28px;text-indent: 200%;overflow: hidden;cursor: pointer; }
#footer{ width:100%;height:80px;overflow:hidden;margin:-80px auto 0;position: relative;}
#footer .lbox{display:none;}
#footer .rbox{width:100%;float:left;margin-left:0px;padding:5px 0 5px 0px;border-left:0px solid #545454;text-align: center;}
#footer .rbox p{text-align: center;}
#footer .rbox i{display:none;}
/*內(nèi)頁用*/
.header2{width:100%;margin: 20px auto 10px;overflow:hidden;border-bottom:5px solid #898989;}
.header2 .logo2{width:100%;float:left;height:70px;background: url(images/logo2.png) center center no-repeat;background-size:96%}
.header2 .logo2 a{width:100%;height:70px;display:block;}
.main{width:98%;margin:10px auto;overflow:hidden;}
.main .bd{overflow:hidden;position: relative;}
.main .bd .logo3{display:none;position: absolute;top:115px;left:282px;width:165px;height:165px;background: url(images/logo3.png) center top no-repeat;}
.main .bd .bd-info{width:100%;float:left;}
.main .bd .bd-info li{height:30px;line-height:30px;border-bottom:0px solid #ccc;display:block;padding-left:10px;clear:both;}
.main .bd .bd-info li:nth-child(2n){background:#f4f4f4;}
.main .bd .bd-info li:last-child{border-bottom:1px solid #ccc;}
.main .bd .bd-info li p{width:170px;float:left;height:35px;display:block;}
.main .bd .bd-pic{width:270px;float:left;padding:20px 40px;display:none;}
.main .bd .bd-txt{padding:10px 10px;overflow:hidden;}
.main .bd .bd-txt p{line-height:25px;text-indent:2em;}
.main .bd .bd-txt .pics{}
.main .bd .bd-txt .pics h2{height:30px;line-height:30px;border-bottom:1px dashed #ff0000;color:#ff0000;padding-left:15px;}
.main .bd .bd-txt .pics .big_pic{padding:15px;text-align:center;}
.main .bd .bd-txt .pics .big_pic img{width:100%}
.main .msg{overflow:hidden;height:500px;}
.main .msg h3{text-align:center;padding:30px 0 0 0px;font-size:20px;color:#ff0000;}
}