zoomla
Version:
16年专业研发|中文alexa排名第一的CMS品牌-基于dotNET core、功能强大，集成站群、微信开发、小程序与ERP及OA办公系统，支持国际语言和多民族语言，世界五百强与大型门户专用高端网站内核CMS系统
193 lines (178 loc) • 7.12 kB
HTML
{ZL.Source id="节点栏目信息数据源"/}
<html>
<head>
<meta charset="utf-8">
<title>{SField sid="节点栏目信息数据源" FD="NodeName" page="0"/}_{$SiteName/}</title>
<meta name="Keywords" content="{SField sid="节点栏目信息数据源" FD="Meta_Keywords" page="0"/}" />
<meta name="description" content="{SField sid="节点栏目信息数据源" FD="Meta_Description" page="0"/}" />
{ZL:Boot4()/}
<script src="/js/scrolltopcontrol.js" type="text/javascript"></script>
<script type="text/javascript" src="{$CssDir/}js/server.js"></script>
<link href="{$CssDir/}global.css?Version={ZL.Label id="前端样式版本号"/}" rel="stylesheet"/>
<style>
.navbar-default .navbar-nav>#Menu{SField sid="节点栏目信息数据源" FD="NodeID" page="0"/}>a, .navbar-default .navbar-nav>#Menu{SField sid="节点栏目信息数据源" FD="NodeID" page="0"/}>a:hover, .navbar-default .navbar-nav>#Menu{SField sid="节点栏目信息数据源" FD="NodeID" page="0"/}>a:focus { color: #555; background-color: #e7e7e7 }
.nodeList_c li a { padding-top:.8em; padding-bottom:.8em; font-size:1em;}
#home_nav { position: relative;}
.carousel-control-next:focus, .carousel-control-next:hover{background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.4) 100%); background-repeat: repeat-x;}
.carousel-control-prev:focus, .carousel-control-prev:hover { background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-repeat: repeat-x;}
.list-group li p { font-size:0.89rem;}
</style>
</head>
<body id="header">
{ZL.Label id="全站头部"/}
<div class="bs-header" >
<div class="container">
<h1>{SField sid="节点栏目信息数据源" FD="NodeName" page="0"/}</h1>
<p>脚比路更长+服务到现场+智慧的思想....</p>
</div>
</div>
<main role="main">
<div class="container margintop10">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-12">
<div class="nodeList">
<div class="nodeList_t"><span>男人</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="8" ShowNum="10" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>
<div class="nodeList">
<div class="nodeList_t"><span>女人</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="9" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>
<div class="nodeList">
<div class="nodeList_t"><span>运动</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="17" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>
<div class="nodeList">
<div class="nodeList_t"><span>手机数码</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="16" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>
<div class="nodeList">
<div class="nodeList_t"><span>母婴</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="15" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-9 col-md-9 col-sm-9 col-12">
<div class="mySites" style="margin-top:0; margin-bottom:20px;">
<nav aria-label="breadcrumb" role="navigation" style="font-size: 0.9rem;">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">首页</a></li>
{ZL.Label id="输出多级节点导航_V4" NodeID="{SField sid="节点栏目信息数据源" FD="NodeID" page="0"/}" ShowNum="30" /}
<li class="breadcrumb-item active">频道首页 </li>
</ol>
</nav>
</div>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" style="max-height: 20rem;">
<div class="carousel-item active">
<img class="d-block w-100" src="{$CssDir/}images/ad01.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="{$CssDir/}images/ad02.jpg"alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="{$CssDir/}images/ad03.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- 轮播结束 -->
<div class="list-group margintop10 eiltshop">
<div class="list-group-item d-flex justify-content-between align-items-center list-group-item-info border-0"><a href="#" class="w-100 text-dark">推荐<span class="badge badge-light badge-pill float-right text-muted">更多>></span></a>
</div>
<ul class="list-unstyled d-flex flex-wrap" >
{ZL.Label id="输出店铺推荐产品" TitleNum="25" ShowNum="6" /}
</ul>
</div>
</div>
</div>
</div>
<div class="container margintop10">
<div class="row">
<div class=" col-lg-5 col-md-5 col-sm-6 col-xs-12">
<div class="list-group margintop10 eiltshop">
<div class="list-group-item d-flex justify-content-between align-items-center list-group-item-info border-0"><a href="#" class="w-100 text-dark">最新产品<span class="badge badge-light badge-pill float-right text-muted">更多>></span></a>
</div>
<ul class="list-unstyled d-flex flex-wrap">
{ZL.Label id="输出店铺最新产品V4" TitleNum="25" ShowNum="4" /}
</ul>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-6 col-xs-12">
<div class="list-group margintop10 eiltshop">
<div class="list-group-item d-flex justify-content-between align-items-center list-group-item-info border-0"><a href="#" class="w-100 text-dark">热销产品<span class="badge badge-light badge-pill float-right text-muted">更多>></span></a>
</div>
<ul class="list-unstyled d-flex flex-wrap">
{ZL.Label id="输出店铺推荐产品" TitleNum="25" ShowNum="6" /}
</ul>
</div>
</div>
</div>
</div>
</main>
{ZL.Label id="全站底部"/}
<script>
$(window).scroll(function(){
if($(window).scrollTop()>0){
$("#home_nav").css("position","fixed").addClass("active")
}
else{
$("#home_nav").css("position","relative").removeClass("active");
}
});
/*显示搜索框*/
function isSearch(){
$(".home_search").css("opacity","1").css("z-index","1").css("right","0").css("top","0.5rem");
$(".home_top_nav").fadeOut(200);
$(".home_search .form-control").focus();
}
/*关闭搜索框*/
function isClose(){
$(".home_search").css("opacity","0").css("z-index","-1").css("right","-1em");
$(".home_top_nav").fadeIn(1000);
}
</script>
</body>
</html>